前段时间做的一个H5专题,用到了hash解决问题,特意记录一下。DOM hash的详细内容可以点击链接查看。

hash就是uri中#及后面的部分,例如:www.google.com.hk#123的#123。当只有hash部分发生变化时,浏览器的历史记录会产生记录,但不会向服务器发出请求,这时按后退键地址栏的uri会变化但页面内容不变。

当前 URL 的锚部分(以 '#' 号为开始) 发生改变时触发onhashchange 事件 :

window.addEventListener("hashchange",function(){var hash=location.hash.split("#")[1];
if(hash==="0" || typeof hash==="undefined"){
$("#iframe1").remove()
} else if(hash==="1"){
$(".longPage").removeClass("hide");
} else {
}
})

最新文章

  1. 上传伪技术~很多人都以为判断了后缀,判断了ContentType,判断了头文件就真的安全了。是吗?
  2. 跟我学PHP-第一篇:如何安装Zend Studio 以及汉化和基本准备工作
  3. iOS - 沙盒与目录
  4. esponse.sendRedirect方式的转向与RequestDispatcher的forward方法的比较
  5. 7个你可能不认识的CSS单位
  6. 微信、qq信息汇总、回复(一)
  7. 9Types of Leader
  8. 注册页面的验证 WEB的三级联动
  9. linux邮件服务器postfix配置实例
  10. MFC 设置窗口背景图片
  11. js-计算器
  12. vb.net 字符串的操作 应用
  13. 常见tcp端口
  14. MFC类中获得其它类指针
  15. Java构造器的深入理解
  16. AUC计算方法总结
  17. Jquery之JSON的用法
  18. linux之有名管道
  19. Jenkins + Gradle + pgyer + Android自动发布
  20. 谷歌浏览器可以google了

热门文章

  1. C# interface abstract class
  2. windows环境安装和配置Apache-Tomcat7.0
  3. event.keyCode ,event.which ,event.charCode (2016-12-27 16:17:16)
  4. Ajax请求成功,进入error回掉函数
  5. cmd 下切换目录
  6. 虚拟机中Linux系统盘空间不足
  7. vue 导航钩子
  8. Spring MVC视图解析器
  9. Q
  10. Gradle版本变更的问题