首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js、css外部文件的相对路径问题

如果js、css外部文件有使用到相对路径时,需要注意其相对路径的基准是不一样的。...比如说,在index.html中引用到了外部的js和css文件,这两个文件都通过相对路径引用了某一张图片;这些文件所在的目录如下: 1 2 3 4 5 6 7 8 9 . ├── js | └──...index.js ├── css | └── index.css ├── images | └── bg.jpg └── index.html js文件的相对路径是以引用js文件的页面为基准...,所以在js文件中的相对路径是: 1 2 3 function changeImage(){ document.body.style.backgroundImage="url(images/bg.jpg.../index.js"> 总结 js文件的相对路径是以引用js文件的页面为基准 css文件的相对路径是以自身的位置为基准 警告 本文最后更新于 May

3.6K40
您找到你想要的搜索结果了吗?
是的
没有找到

js如何引用同级元素

具体效果 示例效果 https://coder.itclan.cn/fontend/js/17-yinyong-tongji-elem/ 具体描述 在网页中,同级(兄弟)元素,指的是拥有相同的直接父级元素的元素...并且往往指的是同类的元素,同类元素在实际开发中遇到的比较多 比如:列表li,并列的按钮等,当需要做一些特殊的效果时,可以对其他同级的元素进行一些操作,满足特定的网页要求 比如:隔行填充颜色等 原生方法实现 以下是通过原生js...就是同级元素,同级元素拥有相同的父级元素都是p,那么就可以得到除自身以外的的同级元素,如果还需要排除同一类别的话,那么可以使用节点的nodeType属性来加以区别 Vue版本实现 在Vue里面,就不用类似原生js...margin: 20px 0; } .content { padding: 20px 0 0 0; } 从上面可以看出,使用Vue实现类似同样的效果,就几行代码,相比原生js...实现是比较简单的,但是原生js的操作依旧还是要知道的

7.8K40

原生JS | 值类型与引用类型变量

HTML5学堂-码匠:在JavaScript中,存在着两种不同的变量类型,一种是值类型变量,一种是引用类型变量。...其中数组、对象、函数都属于引用类型变量,数值、布尔值、null、undefined、字符串属于值类型变量,不同类型变量在参数传递方面有不同的运行机制。...控制台的打印结果为: HTML5学堂 码匠 实例2运行后,控制台的打印结果为: 码匠 码匠 两种实例不同结果的“根源” 导致这两种不同结果的根源在于JavaScript中的变量类型分为两大类:值类型和引用类型...引用类型变量 引用类型包括:对象、数组、函数。 引用类型变量的交换,并不会创建一个新的空间,而是让新变量和之前的变量,同时指向一个原有空间(即同一个地址)。可以理解为C语言的指针。

3.4K90

JS数据类型_JS数据类型之引用数据类型

我怎么记得JS的数据类型有8种。最近发现好多人对JS的基础不太了解。很多数据类型都没有搞清楚。不BB,我就按我的理解写一波笔记,每次看一波书我就感觉一次比一次多懂一点。来补下知识点。。。。...JS数据类型:JS 的数据类型有几种? 8种。Number、String、Boolean、Null、undefined、object、symbol、bigInt。...JS数据类型:Object 中包含了哪几种类型? 其中包含了Data、function、Array等。这三种是常规用的。 JS数据类型:JS的基本类型和引用类型有哪些呢?...引用类型:object。里面包含的 function、Array、Date。 基本类型的实例: 引用类型的实例: JS数据类型:JS 中 typeof 输出分别是什么?...JS数据类型:如何判断数据类型?

5.9K31
领券