码迷,mamicode.com
首页 > 其他好文 > 详细

DOM hash

时间:2016-08-17 15:31:29      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:

     前段时间做的一个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 {
  }
})

 

DOM hash

标签:

原文地址:http://www.cnblogs.com/lulu-beibei/p/5780057.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!