WEB前端之路径问题

来源:互联网 发布:西工大算法设计与分析 编辑:程序博客网 时间:2024/05/12 11:51

最近写了一些前端,涉及到图片,视频等资源的路径问题,在这里总结分享一下。路径分两种绝对路径和相对路径。
绝对路径:
绝对路径指的是资源的实际位置,分隔符由“/”“\”两种,在我看来就是我们淘宝时写的家庭住址,一定要详细,才能找的到啊。例如:

    "E:\book\haha.jpg"    "/xm/img/hehe.jpg"

第一个是在硬盘上的位置,第二个也是绝对路径,开头“/”的意思是根目录的意思,这个可以在项目的web.xml里设置,一般默认的根目录就是从项目名开始(就是/后面接你的项目名)。
相对路径:
相对路径就是相对你的页面,你的资源所在的位置,就是相对位置,只能用“/“来分隔,例如:

"img/hehe.jpg""../img/hehe.jpg"

第一种表示就是这个html页面和img文件夹在同一级,也就是他俩在一个父文件夹下,就直接写img即可。第二种表示这个html页面所在的父文件夹和img文件夹是同一个父文件夹,要上一级才能与img文件夹同级“../”是上一文件夹的意思。
PS:在链接图片等资源,建议使用相对路径,因为一旦你的跟目录发生改变,绝对路径就会找不到资源,而相对路径是相对自己的,只要二者相对位置不变就不会出问题,但是容易被人看清你的目录结构是个大问题。。。。

0 0
原创粉丝点击