localstorage与storage事件监听

最新推荐文章于 2024-07-01 00:20:20 发布

Yetian_2000

最新推荐文章于 2024-07-01 00:20:20 发布

阅读量622

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 原生js

本文链接：https://blog.youkuaiyun.com/Yetian_2000/article/details/113991319

JS 同时被 2 个专栏收录

63 篇文章

订阅专栏

原生js

12 篇文章

订阅专栏

本文解析了如何在同源环境下，当一个页面修改localStorage时，另一个页面通过注册storage事件实现数据变化的通知。关键在于理解浏览器的同源策略和localStorage的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

引用《h5移动web开发指南》上的话：

“当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件，就会触发”

所以，localStorage  storage的例子运行需要如下条件：
1. 同一浏览器打开了两个同源页面（同源页面：即同一个电脑里面的同一个文件夹，里面的不同的html页面）
2.其中一个网页修改了localStorage（A页面修改了localstorge）
3. 另一网页注册了storage事件（B页面能监听到变化）

参考代码地址：暂无