代码改变世界

js问题 window.location.hash和window.location.href有什么不同

2015-05-11 14:14  流浪的诗人  阅读(1139)  评论(0编辑  收藏  举报

hash:设置或获取 href 属性中在井号“#”后面的分段。

href:设置或获取整个 URL 为字符串。

 

通过下面的测试你会发现区别,将代码放到你的HTML中,然后用浏览器打开,测试步骤:

  1. 点击“超链接”,你会发现在地址栏URL发生了变化,URL后面多了一个“#foo”。

  2. 点击"href",你会发现弹出的是地址栏的URL地址。

  3. 点击"hash",你会发现弹出的是#foo。

1
2
3
4
<a href="#foo">超链接</a>
<br />
<a href="javascript:alert(window.location.href)">href</a>
<a href="javascript:alert(window.location.hash)">hash</a>