有关window.location.hash

虽然已经出来好久了,但是之前没有好好看…所以又忘了…最近真是发现自己的浅薄了(捂脸)
还是想自己捋一遍
1.什么是location.hash
在url中出现 #… 井(#)号就是hash,如果输入window.location.hash,那么出现的就是#……(井号和他后面的内容)。井号后面的东西是页面的location,是用来索引页面的某段内容的,可以索引到锚点或者id,像<a name="flag1'></a>和<div id="flag1"></div>。
2.有什么用
location.hash是对于浏览器的指示,而不是服务器的。在http请求中不会有井号及其后面跟的内容。在改变location.hash的值后,浏览器会建立一个访问历史记录,这样用户可以回退到之前的位置(IE6,7并没有),并且页面滚动到相对应的位置,并不会发送http请求。
这种方式对于ajax很友善。我们知道ajax插入页面的数据不能使页面重载,因此不能回退到之前的版本(有了location.hash之后也不能> <),并且ajax加载成的数据不能被搜索引擎索引到。
     1.可以创建历史,便于回到之前的定位但是不重载页面
     2.便于引擎搜索ajax创建的动态数据
     3.可读可写,方便定位
3.padding…
H5对location.hash新增了onhashchange事件,当hash值变化的时候触发该事件。
如果url中要请求带#号的内容,那么这个井号要进行转义(%23)再使用。因为如果不转义,浏览器就认为是hash而不会加入请求。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值