相对地址和绝对地址

今天在编写前端跳转代码的时候遇到了一个相对地址和绝对地址的问题,拿来分享一下:

什么是相对地址

相对地址就是相对于当前网页的地址,你的所有跳转都是基于当前网址的,例如:

document.location.href 就是相对地址跳转,这个方法实现的是在当前路径的基础上进行跳转

什么是绝对地址

绝对地址可以分为两种:一种是网络地址,一种是本地地址。

网络地址顾名思义就是直接跳转到网络的地址,以http或者https等开头的地址,这种地址可以直接跳转到页面

本地地址如果没有特别说明在哪一个盘,那么所有的跳转都是基于你当前所在的盘进行跳转,比如你在G盘,你要跳转/web\ my,在没有特别说明的情况下,你跳转的一定是G盘的/web\ my,若是你要跳转到C盘的/web\ my,那么你要加上/c:\web\ my

总结来说,相对地址是从当前网页所在的地址开始的,不管你移动网站到任何地方,只要你本地地址不动,你就可以不用做任何修改

### URL相对地址绝对地址 #### 绝对URL 绝对URL提供了一个完整的网络资源定位,包含了协议、域名以及具体的路径。这种类型的URL能够独立存在而不依赖于其他上下文信息。例如:“https://www.example.com/products/page.html” 就是一个典型的绝对URL实例[^1]。 对于Web开发人员来说,在某些情况下使用绝对链接是非常必要的,比如当需要确保外部访问者可以正确获取到特定网页或文件时;或者是跨不同项目之间共享资源的时候,采用绝对路径能有效避免因环境差异带来的问题。 #### 相对URL 相比之下,相对URL并不包含完整的网址信息,而是基于当前文档所在的服务器位置来定义目标资源的位置。它可以分为两种主要形式: - **同一目录内的相对路径**:如果目标文件位于与源文件相同的文件夹内,则可以直接写出文件名称作为链接指向。例如`a.html`表示在同一级别的另一个HTML页面。 - **子目录中的相对路径**:当下级文件处于上级文件所在文件夹之下时,可以通过指定子文件夹的名字加上斜杠(/),再加上具体的目标文件名来进行引用。如`images/baobao.gif`意味着在名为`images`的子文件夹里面寻找叫做`baobao.gif`的图片文件[^4]。 为了更好地理解两者之间的区别,这里给出一段简单的Python代码片段展示如何构建这两种类型的URL字符串: ```python base_url = "https://www.baidu.com" relative_path = "/a.html" absolute_url_example = base_url + relative_path # 结果为 https://www.baidu.com/a.html print(absolute_url_example) subfolder_relative_path = "images/baobao.gif" # 假设此脚本运行在一个已知基本URL环境下, 则可直接使用 subfolder_relative_path 进行内部资源引用 print(subfolder_relative_path) ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值