未经许可,不得转载。
文章目录
- 前言
- 一、# 的基本含义
- 二、# 不参与 HTTP 请求
- 三、# 后的字符处理机制
- 四、# 的变化不会触发网页重新加载
- 五、# 的变化会记录在浏览器历史中
- 六、通过 window.location.hash 操作
- 七、onhashchange 事件
- 八、Google 对 # 的处理机制
前言
2023 年 9 月,Twitter 推出了一次重大改版,其中一个显著变化是 URL 格式的调整。在改版后,用户主页的 URL 从原来的:
http://twitter.com/username
变为:
http://twitter.com/#!/username
这是主流网站首次大规模使用井号(#)作为用户交互的核心组成部分。这一变化表明,井号的作用在 Web 技术中得到了重新认识和广泛应用。本文梳理井号在 URL 中的重要功能与技术细节。
一、# 的基本含义
在网页中,#
用于指向特定位置。其后跟随的字符串是该位置的标识符。例如:
http://www.example.com/index.html#print
这个 URL 表示跳转到 index.html
网页中的