location.hash 与location.href

最新推荐文章于 2024-03-29 22:05:15 发布

斗地主7891

最新推荐文章于 2024-03-29 22:05:15 发布

阅读量1k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/swordsman___ddz/article/details/78211349

版权

javascript 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

1、window.location.href

获取和修改url，window.location.href="www.baidu.com”表示的是重新定向，页面跳转

到新的页面。

2、window.location.hash

得到的是锚链接。相比如href,通过window.location.hash并不会跳转到新的链接，只会在当前链接里面

改变锚链。

HTTP请求不包括#是用来指导浏览器动作的，对服务器端完全无用。所以，HTTP请求中不包括#。
在第一个#后面出现的任何字符，都会被浏览器解读为位置标识符。这意味着，这些字符都不会被发送到服务器端。
单单改变#后的部分，浏览器只会滚动到相应位置，不会重新加载网页。
改变#会改变浏览器的访问历史，每一次改变#后的部分，都会在浏览器的访问历史中增加一个记录，使用"后退"按钮，就可以回到上一个位置。这对于ajax应用程序特别有用，可以用不同的#值，表示不同的访问状态，然后向用户给出可以访问某个状态的链接。值得注意的是，上述规则对IE 6和IE 7不成立，它们不会因为#的改变而增加历史记录。
window.location.hash这个属性可读可写。读取时，可以用来判断网页状态是否改变；写入时，则会在不重载网页的前提下，创造一条访问历史记录。
onhashchange事件这是一个HTML 5新增的事件，当#值发生变化时，就会触发这个事件。IE8+、Firefox 3.6+、Chrome 5+、Safari 4.0+支持该事件。对于不支持onhashchange的浏览器，可以用setInterval监控location.hash的变化。
```
window.onhashchange = func;

　　<body οnhashchange="func();">

　　window.addEventListener("hashchange", func, false);
```
、Google抓取#的机制

默认情况下，Google的网络蜘蛛忽视URL的#部分。但是，Google还规定，如果你希望Ajax生成的内容被浏览引擎读取，那么URL中可以使用"#!"，Google会自动将其后面的内容转成查询字符串_escaped_fragment_的值。

斗地主7891

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
location.hash 与location.href

1、window.location.href 获取和修改url，window.location.href="www.baidu.com”表示的是重新定向，页面跳转到新的页面。 2、window.location.hash 得到的是锚链接。相比如href,通过window.location.hash
复制链接

扫一扫