前端之家收集整理的这篇文章主要介绍了
利用Storage Event实现页面间通信的示例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我们都知道触发window.onstorage必须满足以下两个条件:
通过localStorage.setItem或sessionStorage.setItem保存(更新)某个storage
保存(更新)这个storage时,它的新值必须与之前的值不同
上面的第二个条件,简单来讲就是:要么是storage的初始化,因为不存在的storage,其值为null;要么就是对已有storage的更新
举例:
// 初始化storage
window.localStorage.setItem('a',123);
//
注册onstorage事件
window.onstorage = (e) => {
console.log(e);
};
// 更新storage
window.localStorage.setItem('a',123);
原文链接:https://www.f2er.com/html5/15589.html