现在的位置: 首页 > web前端 > 正文

location hash详解

2020年07月17日 web前端 ⁄ 共 766字 ⁄ 字号 评论关闭

  hash属性是一个可读可写的字符串,该字符串是URL的锚部分(从#号开始的部分)。在我印象中,这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号(Hash)的作用正在被重新认识。本文根据HttpWatch的文章,整理与井号有关的所有重要知识点。


  location.hash浏览器支持


  InternetExplorerFirefoxOperaGoogleChromeSafari


  所有主要浏览器都支持hash属性


  返回一个URL的主要部分。假设当前的URL是#PART2:


  document.write(location.hash);


  以上实例输出结果:


  #part2


  Location对象参考手册Location对象


  一个显著变化,就是URL加入了"#!"符号。比如,改版前的用户主页网址为


  location.hash详解


  一、#的涵义


  #代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,


  就代表网页index.html的print位置。浏览器读取这个URL后,会自动将print位置滚动至可视区域。


  为网页位置指定标识符,有两个方法。一是使用锚点,比如<aname="print"></a>,二是使用id属性,比如<divid="print">。


  二、HTTP请求不包括#


  #是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包括#。


  比如,访问下面的网址,


  浏览器实际发出的请求是这样的:


  GET/index.htmlHTTP/1.1


  Host:www.example.com


  可以看到,只是请求index.html,根本没有"#print"的部分。


  总之,location.hash给大家简单的介绍了一些,希望大家多看看。

抱歉!评论已关闭.