相对路径与绝对路径的区别

最新推荐文章于 2022-12-05 23:34:33 发布

熳部荆猩

最新推荐文章于 2022-12-05 23:34:33 发布

阅读量644

点赞数

文章标签： html5 javascript css

本文链接：https://blog.csdn.net/weixin_50713646/article/details/109840078

版权

1.绝对路径

举两个最为常见的绝对路径的例子：

（1）.完整的URI地址：

http://www.softdewhy.com/antzone.jpg。

（2）.完整盘符：

D:\mayi\web\images\antzone.jpg。

图片的存储位置得到了完整描述，非常明确。
绝对路径是指文件在硬盘上真正存在的路径。例如“bg.jpg”这个图片是存放在硬盘的“E:\HTML\网页\代码\”目录下，那么 “bg.jpg”这个图片的绝对路径就是“E:\HTML\网页\代码\bg.jpg"。那么如果要使用绝对路径指定网页的背景图片就应该使用以下语句：

	<body backround="E:\HTML\网页\代码\bg.jpg" >

使用绝对路径的缺点
事实上，在网页编程时，很少会使用绝对路径，如果使用“E:\HTML\网页布代码\bg.jpg”来指定背景图片的位置，在自己的计算机上浏览可能会一切正常，但是上传到Web服务器上浏览就很有可能不会显示图片了。因为上传到Web服务器上时，可能整个网站并没有放在Web服务器的E盘，有可能是D盘或H盘。即使放在Web服务器的E盘里，Web服务器的E盘里也不一定会存在“E:\HTML\网页\代码\”这个目录，因此在浏览网页时是不会显示图片的。

2.相对路径

相对路径要比绝对路径复杂一些。

既然是相对路径，那么必须有一个参考点，下面以如下路径做一个分析：

（1）（/）：一个斜杠表示根目录。

（2）（。/）：一个点后面跟一个斜杠表示当前目录，也就是当前文件所在目录。

（3）（。。/）：两个点后跟一个斜杠表示前文件所在目录的上一级目录。

（4）（。。/。。/）：表示当前文件所在目录的上上级目录，以此类推，不再举例。
.
注意：" 。"是英文符号

所谓相对路径，就是相对于自己的目标文件位置。例如上面的例子，“s1.htm” 文件里引用了“bg.jpg”图片，由于“bg.jpg”图片相对于“s1.htm”来说，是在同一个目录的，那么要在“s1.htm”文件里使用以下代码后，只要这两个文件的相对位置没有变(也就是说还是在同一个目录内)，那么无论上传到Web服务器的哪个位置，在浏览器里都能正确地显示图片。