博客列表 >js跨页面触发事件,利用storage监听事件

js跨页面触发事件,利用storage监听事件

弘德誉曦的博客
弘德誉曦的博客原创
2019年07月22日 09:33:071130浏览

js跨页面触发事件,利用storage监听事件

2019年03月14日 17:29:59 haohemr 阅读数 184

 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/document_dom/article/details/88557462

同一浏览器打开了两个同源页面

其中一个网页修改了localStorage

另一网页注册了storage事件

网页A:监听了storage事件:

window.addEventListener("storage", function (e) {
       alert(e.newValue);
   });123

网页B:修改了localStorage

localStorage.setItem('foo', 'bar');1

将上面两个网页保存,放到同一个服务器上,然后,先打开A.html,再打开B.html。就会看到A.html会弹出提示框。注意两个网页要同源。


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议