A-A+

js监听地址栏hash值的变化

2017年04月18日 javascript 暂无评论 阅读 54 views 次

监听地址栏hash值的变化 - vcxiaohan的博客 - 博客频道 - CSDN.NET

1  history.js//兼容ie6+

2  hashchange

$(window).on("hashchange", function() {//兼容ie8+和手机端
$('.div1').append(This.location.hash);
});

3 pushState//兼容ie9+

2017-04-18_163932

$('.a').on('click', function() {// 创建新history实体
history.pushState({a:'aa'}, '', location.href+'?'+Math.random());
});
$('.b').on('click', function() {// 修改新history实体(虽然浏览记录确实生成了2条,但是实际你只能找到被修改后的{a:'bb'})
history.replaceState({a:'bb'}, '', location.href+'?'+Math.random()+'------');
});
window.addEventListener('popstate', function() {// 前进后退触发
console.log(history);
console.log(history.state);// 这里是你设置的{a:'aa'}
});

打赏作者
如果文章对您有所帮助请打赏支持本站发展。

您的支持将鼓励我们继续创作!

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

标签:

给我留言

您必须 登录 才能发表留言!

Copyright © 大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: