哈希游戏hash特点、hashcnge事件介绍及其常见应用场景
哈希游戏作为一种新兴的区块链应用,它巧妙地结合了加密技术与娱乐,为玩家提供了全新的体验。万达哈希平台凭借其独特的彩票玩法和创新的哈希算法,公平公正-方便快捷!万达哈希,哈希游戏平台,哈希娱乐,哈希游戏
您的位置:首页网络编程JavaScriptjavascript技巧→ hash特点hashchange事件介绍
浅析hash特点、hashchange事件介绍及其常见应用场景(不同hash对应不同事件处理、移动端大图展示状态后退页面问题、原生轻应用头部后退问题、移动端自带返回按钮二次确认问题),hashchange和popstate事件触发条件
hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分,一般有当前页面中 href 中 # 地址触发。hash 即 URL 中 # 字符后面的部分,具有如下特点:
页面中有 3 个不同的a标签,当点击不同的a时给filterText赋予不同的值,可利用window.onhashchange事件来实现,这样避免了给每个a标签分别注册事件
移动端里有这样一个功能,点击小图时在当前页面上展示大图,这应该是很常见的场景:
CSS和Javascript具体怎么实现的就不再啰嗦了,这里要考虑的问题是:当进入大图展示状态时,如何返回?这是手机的页面,对于用惯APP的用户来说,他很可能会点击左下角的返回键。然而这是个浏览器,返回就意味着回到上一页而不是退出大图展示状态。
下面讲解一下如何利用 hashchange 解决这个问题。我们需要了解的是:当URL的hash改变时,虽然页面不会重新加载,但仍然会被记录到浏览器的历史记录中。
也就是说,如果依次访问 a.html、b.html、b.html#abc,然后点击后退,此时会返回 b.html 而不是 a.html。而且,由于hash改变了,所以会触发hashchange事件。这样一来,只要在进入大图展示状态时加上一个特定的 hash,点击返回键触发 hashchange 时退出此状态即可。代码也很简单:
遇到一个问题,轻应用中的头部是原生的,当我们的H5页面中有包含类似日历、时间、弹出选择等控件,这个时候的控件背景覆盖区域就在头部之下了,这意味着点击头部的时候,这些控件不会隐藏消失,例如返回上一个页面的时候,日历等弹出控件就依然坚挺不回家,解决办法就是利用hashchange监听页面url中hash的改变:
hash是URL中#后面那部分,同时修改hash值不会引起页面的刷新,也不会向服务器重新发送请求。通过hashchange事件可以监听它的变化。改变hash值有以下三种方式:
history提供了popstate监听事件,但是只有以下两种情况会触发该事件
以上就是hash特点、hashchange事件介绍及其常见应用场景的详细内容,更多关于hash特点hashchange事件介绍的资料请关注脚本之家其它相关文章!