前端页面一些路径问题的总结

本文总结了前端开发中关于URL路径的问题,包括引用资源时相对路径与绝对路径的使用场景,解释了在HTML、JS和CSS中路径选择的原因。同时,提出了处理旧入口兼容性问题的策略。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天把一个站点重新部署了一下,目录结构调整比较大,发现了几个问题,本文总结一下

首先页面里的URL,和硬盘的路径有对应关系,主要是文件服务器在解析URL的时候,会跟硬盘上的目录结构对应起来找实体文件。但是URL和硬盘路径不完全一样。比如本地路径,如果是/,那么会从硬盘的根目录开始找;而URL的/,只会到虚拟主机的根目录,不会到真的根目录

引用资源尽量使用相对路径

在html页面里引用资源如css,javascript的时候,最好用相对路径。比如下面的目录结构:

a/

    1.html

    javascripts/

        1.js

在html里最好写成./javascripts/1.js,而不是/a/javascripts/1.js

因为这样只要相对的目录结构不改,就不需要修改路径。比如把目录a改名成b,如果用的是绝对路径的话,html里就都要改一遍,我今天早上就在这块花了很多时间

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值