闲言碎语:在编写网页的过程中,加载某些资源的时候总是达不到预期效果,今天终于决定,抽空来把路径这个bug修复了,摆脱良心上的折磨。
理论基础:网上说了一大堆相对路径与绝对路径的区别,总结起来就两句话。绝对路径就是指从你的项目的根路径开始到目标文件所在位置,是什么就写什么,一成不变。所以有bug啊,当你把所做的项目移植于别人的电脑或者web上面去,浏览器并不会解析出你那所谓的绝对路径。所以我们需要掌握相对路径这一技能,这也是先弄得我蒙头转向的。不说废话 了,相对路径就好比以前物理上面所说的,我们需要一个参照物,这个参照物在项目里面就是所谓的文件目录,这样就解决了绝对路径造成的bug。
举个栗子
引用者 | 被引用者 | 相对路径 | 绝对路径 |
aa1.html | aa2.jpg | ../a2/aa2.jpg | /a/a2/aa2,jpg |
bb1.html | aa2.jpg | ../../a/a2/aa2.jpg | /a/a2/aa2.jpg |
aa1.html | bb1.html | ../../b/bb1.html | /b/bb1.html |
bb2.html | bb1.html | ../bb1.html | /b/bb1.html |
".."代表上一层目录,而"../../"所代表的是上一层目录的上一层目录。所以,从上表中可以看出,如果引用的文件存在于目前目录的子目录中,或者存在于上一层目录的 另一个子目录中,运用相对路径是比较方便的。如果不是时,则干脆利用绝对路径,还比较省事。从上表中,亦可以看出,当被引用的是同一个文件时,引用文件所使用的绝对路径是一样的.