前端路径问题

最新推荐文章于 2025-04-26 20:26:51 发布
原创 最新推荐文章于 2025-04-26 20:26:51 发布 · 199 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文解析了HTML引用JS和CSS文件时，相对路径的不同处理方式：JS中的相对路径基于HTML文件位置，而CSS则基于自身文件位置。

一 相对路径问题

1 js

  • 如果一个html引用了一个js文件，那么写在js中的相对路径，应该是相对于html文件所在位置的，并不是相对于js文件本身

2 css

  • 如果一个html引用了一个css文件，那么写在css中的相对路径，应该是相对于css文件所在位置的，而不是相对于html文件所在位置
litCabbage
关注
前端后端路径问题详解
qq_53374893的博客
07-30 1051
【代码】前端后端路径问题详解。
前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符
见贤思齐焉，见不贤内自省
12-13 2154
路径（绝对路径、相对路径）、语义化、特殊字符
1 前端路径问题
booker009的博客
03-14 249
4 base标签可以简化相对路径,当使用相对路径时,默认会在相对路径之前补充 base中的内容。5如果没有定义base 默认就是当前文件所在的路径。1以/开头的路径是绝对路径,不以/开头是相对路径。2绝对路径/后面要写当前服务的上下文路径名。3 ../代表向上一层的路径。
WEB前端之路径问题
l6l6l的博客
07-31 1655
最近写了一些前端，涉及到图片，视频等资源的路径问题，在这里总结分享一下。路径分两种绝对路径和相对路径。 绝对路径： 绝对路径指的是资源的实际位置，分隔符由“/”“\”两种，在我看来就是我们淘宝时写的家庭住址，一定要详细，才能找的到啊。例如： "E:\book\haha.jpg" "/xm/img/hehe.jpg"第一个是在硬盘上的位置，第二个也是绝对路径，开头“/”的意
前端路径问题解析----
Gavin
10-16 1004
web文件夹下目录结构----- 现在想要在a页面中跳转到aa .html以及跳转到b.html 那超链接中的地址该怎么写? 两种方式— 第一种是相对路径 就是相对于a.html 其他文件的位置; 由于 aa.html跟a.html在同一个文件夹下 所以跳转到aa.html的相对路径可以这么写—aa.html 不以斜线开头表示----直接跳转到本文件夹下的某一个内容; <!DOCTYPE html> <html lang="en"> <head> <me
前端路径问题总结
2301_76352996的博客
04-04 1632
语法:./表示当前资源的路径../表示当前资源的上一层路径缺点:不同位置,相对路径写法不同缺点:需要补充项目上下文,项目上下文会发生改变在不同html文件中访问photo.png图片当前资源的请求路径:http://localhost:8080/demo05_path_war_exploded/index.html当前资源是:index.html当前资源的所在路径是:http://localhost:8080/demo05_path_war_exploded/
前端 8、路径问题
Xhj_1314的博客
10-05 406
路径问题 其实想给src属性赋值有两种方式 1.通过相对路径赋值(掌握) 相对路径就是每次都从.html文件所在的文件夹开始查找, 我们称之为相对路径 1.1同级 同级就是"图片"和".html文件"存储在同一个文件夹中 格式: src=“QRCode.jpg” 含义: 在.html文件所在的文件夹中查找名称叫做QRCode.jpg的图片 1.2下级 下级就是"存储图片的文件夹"和".html文件...
Codecademy前端路径项目
02-14
创建此回购旨在使自己保持专注，投入并每天提醒我成为一名出色的前端工程师的目标。 技术领域 HTML5- CSS Java脚本 状态 项目是：进行中，直到完成每个项目并清除完整路径，此目标才继续进行。 灵感 创建此仓库的...
【前端学习笔记day09】2.5. html图像标签、绝对路径和相对路径
01-08
文章目录2.5. html图像标签、绝对路径和相对路径html...绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件，相对路径就没有这个问题。相对路径的定义技巧： “ ./ ” 表示当前文件所在目录下，比如：“.
前端职业发展：如何规划前端工程师的成长路径？
最新发布
全栈老李的博客
04-26 1038
大家好，我是全栈老李。今天咱们聊聊前端工程师的职业发展路径，这个话题看似简单，实则暗藏玄机。就像打游戏升级一样，你得知道下一关是什么，才能提前准备装备和技能点。
Java前端js获取当前项目路径
09-23
获得当前项目的根路径，js写出的公共方法，可在jsp中直接调用
前端文件路径
weixin_33739627的博客
06-30 575
./ 当前目录../父目录/根目录 转载于:https://blog.51cto.com/12581026/1943363
【JavaWeb】路径问题总结
Orion
01-24 2129
路径问题 相对路径与绝对路径
2024年最全Web中的路径问题，新鲜出炉的前端面试真题集锦我给你们整理出来了
2401_84620288的博客
05-07 694
在开发web中路径问题算是很蛋疼的一种问题，特别是在使用绝对路径的时候，在不同的目录下进行访问一会儿可以访问一会儿访问不到，令人着实厌烦。所有的html中的相对地址都是相对于http:// localhost:8080 / 的，而不是http:// localhost:8080 /webapp/ 的。Html中的form表单的action属性的地址应该是相对于http:// localhost:8080 / 的。所以，如果提交到a.jsp为：action＝"/webapp/user/a.jsp"；
【JavaWeb】路径问题
qq_39921135的博客
08-01 553
a/b/c/test/html)，形成(http://localhost:8080/web03_war_exploded/x/y/…/a/b/c/test/html)每个。寻找方式就是在基准路径(http://localhost:8080)后面拼接(/web03_war_exploded/a/b/c/test.html)，得到( http://localhost:8080/web03_war_exploded/a/b/c/test.html)正是目标资源访问的正确路径。
web前端——路径问题
xishaoguo的博客
02-26 1万+
路径分为两种：相对路径和绝对路径相对路径：相对于项目而言的路径。绝对路径：在我们电脑硬盘上的路径。一般写相对路径,因为我们的项目可能会改变地方，如果写绝对路径的话，项目每改一次地方就需要改一次地址，如果写地址的地方比较多的话，修改起来会相当麻烦。我们需要写路径的地方一般有三个，一个是引用图片，一个是引用样式文件，一个是引用js文件。以&lt;img&gt;标签为例：一、绝对路径：    例如在我的...
绝对路径和相对路径
gu821361889的专栏
12-17 1215
比如说你的C盘ABC文件夹下有两个文件1和2 如果要文件1说出文件2的位置(也就是路径),那么它有两种表示方法: C:\ABC\2   这就是绝对路径,指明2文件在C盘ABC文件下,从最大的目录C盘开始表示出来. 2 这就是相对路径,因为1文件和2文件都在C:\ABC下,所以它们的路径前面"C:\ABC"都是一样,就不用表示出来了.. 另个比喻: 比方C盘AB
前端中使用路径 / ./ ../ ../../ ../../../ 的含义
热门推荐
cvper's world !
04-16 1万+
当我们需要使用图片资源的时候，就涉及到了路径问题，我们来看看基本的几个    /    ./     ../    ../../    ../../../ 的含义；第一个  /     这个斜杠代表的是根目录的意思，什么是根目录呢？                   先看例子：F盘中有个文件夹vue_bamboos和一张图片 test-me.png                        ...
探索前端路径处理利器：kslash开源库解析
kslash库提供了很多实用的函数，可以帮助开发者轻松处理路径问题。例如，它可以解析路径，获取路径的各个组成部分，如目录、文件名和扩展名等；它还可以拼接路径，根据需要生成新的路径；此外，kslash还提供了一些...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值