相对路径和绝对路径的详讲!!!
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
相对路径和绝对路径的详讲
1.绝对路径
绝对路径:绝对:真真地存在你电脑上的实际路径。
⽐如你的window系统的C盘下有个ABC⽂件夹,ABC⽂件夹下有个file⽂件。
那么绝对路径:C:\ABC\file
2.使⽤绝对路径的缺点
事实上,在编程时,很少会使⽤绝对路径,⽐如你在Window系统上写了个XX系统,需要使⽤“E:\book\⽹页布局\1.jpg”来指定背景图⽚的位置,在⾃⼰的计算机上使⽤绝对路径浏览可能会⼀切正常,但是将系统代码⽂件和背景图⽂件上传到Web服务器(常常是Linux系统,可能不存在C,D,E盘)上部署系统时浏览就很有可能不会显⽰图⽚了。
因为上传到Web服务器上时,可能整个系统并没有放在Web服务器的E盘,有可能是D盘或H盘。
甚⾄可能web服务器根本就没有E盘,即使放在Web服务器的E盘⾥,Web服务器的E盘⾥也不⼀定会存在“E:\book\⽹页布局\1.jpg”这个⽬录,因此在浏览⽹页时会找不到该背景图,然后不会显⽰图⽚。
3.相对路径
为了避免这种情况的发⽣,通常在⽹页系统上指定⽂件时,都会选择使⽤相对路径。
所谓相对路径,就是相对于⾃⼰的⽬标⽂件位置。
例如上⾯的例⼦,XX系统⾥引⽤了“1.jpg”图⽚,我们上传系统代码时,将XX系统代码和1.jpg放在同⼀个⽂件夹上传到web服务器,由
于“1.jpg”图⽚相对于XX系统代码⽂件来说,是在同⼀个⽬录的,那么要在XX系统的代码⽂件⾥使⽤该1.jpg图后,只要这两个⽂件的相对位置没有变(也就是说还是在同⼀个⽬录内),那么⽆论上传到Web服务器的哪个位置,在浏览器⾥都能正确地显⽰图⽚。
这⾥XX系统需要使⽤1.jpg时⽤的相对路径就为: background = " 1.jpg " 即可
再举⼀个例⼦,假设某个系统的“index..html”⽂件所在⽬录为“E:\book\⽹页布局\”,⽽“bg.jpg”图⽚所在⽬录为“E:\book\⽹页布局\img下”,那么“bg.jpg”图⽚相对于“index.html”⽂件来说,是在其所在⽬录的“img”⼦⽬录⾥,则引⽤图⽚的语句应该为:
<body background="img/bg.jpg">
注意:相对路径使⽤“/”字符作为⽬录的分隔字符,⽽绝对路径可以使⽤“\”或“/”字符作为⽬录的分隔字符。
由于“img”⽬录是“第2章”⽬录下的⼦⽬录,因此在“img”前不⽤再加上“/”字符。
4.相对虚拟⽬录
有关相对路径还有⼀个⽐较特殊的表⽰:“相对虚拟⽬录”。
请看下⾯的例⼦:
<body background="/img/bg.jpg">
在这个例⼦⾥,background属性的值为“/img/bg.jpg”,注意在“img”前有⼀个“/”字符。
这个“/”代表的是虚拟⽬录的根⽬录. 假设把“E:\book\⽹页布局\”设为虚拟⽬录,那么“/img/bg.jpg”的真实路径为“E:\book\⽹页布局\img \bg.jpg”;
如果把“E:\book\⽹页布局\代码\”设为虚拟⽬录,那么“/img/bg.jpg”的真实路径为“E:\book\⽹页布局\代码\\img\bg.jpg”。