首页 前端知识 html页面使用绝对路劲或相对路径加载js,css,img区别

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

2024-02-16 14:02:47 前端知识 前端哥 482 500 我要收藏

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文件。
项目目录结构如下
在这里插入图片描述
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/2144.html
标签
评论
发布的文章

vue-echarts实现多功能图表

2024-03-02 09:03:54

echarts参数详细介绍

2024-03-02 09:03:53

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!