html页面使用绝对路劲或相对路径加载js,css，img区别

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文件。
项目目录结构如下