首页 > 代码库 > 历史管理-onhashchange&window.history
历史管理-onhashchange&window.history
网页记录历史记录两种方法
1.onhashchange事件 改变hash值来管理
hash值：http://test.con#hash #后面内容即为hash值
设置网页的hash值 window.location.hash = "要设置的hash值"
获取hash值：var hash = window.location.hash.substring(1);//去掉#号
直接修改网址的hash值，不刷新页面，是不会显示hash指定的模块，此时需要用到onhashchange事件 修改hash值后 按enter键即可正常显示
window.onhashchange = function(){
window.location.reload()
}
2.window.history事件
通过两个方法 pushState存历史记录
window.history.pushState(“数据”，“标题”，“地址”);
window.history.pushState(“url”，“标题”，“#home”);
地址即显示在网址后方的字符串
标题没有浏览器支持
历史记录前进后退时 使用popstate事件 通过e.state获取存入的数据
if (window.addEventListener) {
window.addEventListener('popstate', function (e) {
if (history.state && e.state) {
var state = e.state;
//操作代码
}
}, false);
}历史管理-onhashchange&window.history
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。