相对路径和绝对路径

时间:2022-06-01 20:01:34

(一):http://localhost:8080/bi/qbi-test/qwidget/testqwidgetfilteredit.html

这句话,是被浏览器解析的

浏览器并不理解WEB应用的上下文,它只能理解它所访问网站的ip和端口,

这样,对浏览器来说:
“/”==“http://localhost:8080/”


所以:/a/b/c.js----->http://localhost:8080/a/b/c.js


(二):http://localhost:8080/bi/test/test.html

../ 表示父级目录
/ 表示根目录 是一种特殊的绝对路径,它表示网站(本站)的第一层次。
./test/abc/js.js: 表示js.js的当前目录abc
 ../test/  这样写表示,当前目录test的上一层目录中test文件夹

在tomcat中发布,应用程序目录是这样的
-webapp

test目录

test.html

js 目录

j.js

现在要在test.html中引用j.js

相对路径:<script src="../../ js / j.js"></script>

../js:表示js上级目录webapp目录中的js文件夹

../../js:表示webapp目录,test和js目录都在webapp下,webapp

          就是父目录