admin管理员组

文章数量:1516870

文件路径

一、绝对路径

类似于完整的描述文件位置的路径就是绝对路径。

绝对路径是指文件在硬盘上真正存在的路径

在网络中，以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)";

四、优缺点分析

相对路径更方便更改，相对比较灵活，但是如果不慎易造成链接失效，并且容易被人抄袭。

绝对路径的话能避免这个问题，但是灵活性上相对较弱。

----若有问题欢迎指出，一起学习共同进步~

本文标签： 文件路径

版权声明：本文标题：文件路径 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/biancheng/1707224611a714132.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。