新手说相对路径与绝对路径

闲言碎语:在编写网页的过程中,加载某些资源的时候总是达不到预期效果,今天终于决定,抽空来把路径这个bug修复了,摆脱良心上的折磨。

理论基础:网上说了一大堆相对路径与绝对路径的区别,总结起来就两句话。绝对路径就是指从你的项目的根路径开始到目标文件所在位置,是什么就写什么,一成不变。所以有bug啊,当你把所做的项目移植于别人的电脑或者web上面去,浏览器并不会解析出你那所谓的绝对路径。所以我们需要掌握相对路径这一技能,这也是先弄得我蒙头转向的。不说废话 了,相对路径就好比以前物理上面所说的,我们需要一个参照物,这个参照物在项目里面就是所谓的文件目录,这样就解决了绝对路径造成的bug。

举个栗子




引用者被引用者相对路径绝对路径
aa1.htmlaa2.jpg../a2/aa2.jpg/a/a2/aa2,jpg
bb1.htmlaa2.jpg../../a/a2/aa2.jpg/a/a2/aa2.jpg
aa1.htmlbb1.html../../b/bb1.html/b/bb1.html
bb2.htmlbb1.html../bb1.html/b/bb1.html

".."代表上一层目录,而"../../"所代表的是上一层目录的上一层目录。所以,从上表中可以看出,如果引用的文件存在于目前目录的子目录中,或者存在于上一层目录的 另一个子目录中,运用相对路径是比较方便的。如果不是时,则干脆利用绝对路径,还比较省事。从上表中,亦可以看出,当被引用的是同一个文件时,引用文件所使用的绝对路径是一样的.


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值