html加载js,css,img等资源既可以使用相对路径加载,也可以使用绝对路径
绝对路径
绝对路径以 / 或者以http或者https协议等协议开头,会去应用服务器根目录去查找资源。
绝对路径的写法适合目录结构比较固定的场景,如果结构经常会变化,那相对路径可能会适合些
<script src="/demo/js/a.js" ></script>
<script src="http://127.0.0.1:5500/demo/js/b.js" ></script>
相对路径
相对于当前页面url的路径,去查找资源。相对绝对路径在某些场景下会更灵活。
比如当前页面的html路径是
http://127.0.0.1:5500/demo/html/test.html
如html页面加载a.js脚本,路径为“…/js/a.js”,“…/”表示当前文件的上级目录下(该目录和html目录同级)的js目录的a.js,如果是“./js/a.js" 或者 “js/a.js”指的是html目录下js目录下的a.js文件。
项目目录结构如下