一、绝对路径
类似于完整的描述文件位置的路径就是绝对路径。
绝对路径是指文件在硬盘上真正存在的路径
在网络中,以http开头的链接都是绝对路径,在制作网页中实际很少用到绝对路径。
例子:c:/website/img/photo.jpg
二、相对路径
相对路径就是以当前文件为基准进行一级级目录指向被引用的资源文件
"./": 代表目前所在的路径(一般可以省略不写)
"../": 当前文件的上一级目录
"../../": 当前文件的上上级目录(以此类推)
"/": 开头,代码根目录
如../views/experience/BasePage.vue (当前文件的上一层文件夹中的views中的experience中的BasePage 文件)
三、注意
(1)CSS中的图片路径
写到CSS中的图片路径,url是图片针对样式文件的位置。
如,index.html引用同一根目录下CSS文件夹中的main.css,而在main.css中需要引入images目录中的1.jpg,则路径应表示为:
background:url(../images/1.jpg)
(2)JS中图片地址均相对于调用JS的页面的相对位置
如:document.getElementById("IMG1").style.backgroundImage
= "url(../Images/login.jpg)";
四、优缺点分析
相对路径更方便更改,相对比较灵活,但是如果不慎易造成链接失效,并且容易被人抄袭。
绝对路径的话能避免这个问题,但是灵活性上相对较弱。
----若有问题欢迎指出,一起学习共同进步~