码迷,mamicode.com
首页 > 其他好文 > 详细

不同页面之间的互相影响-localStorage

时间:2019-04-23 15:39:26      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:dispatch   保存   win   字符串   arguments   方式   json   lse   obj   

如果需要因为一个页面的操作而改变另一个页面的内容,可以使用监听localStorage的方式。

window.addEventListener("storage", function (e) {

  alert(e.newValue);

});

  另保存json数据到localStorage的方法,先转化字符串

JSON.stringify(obj),取出时在转化为json--JSON.parse(obj);

同一个页面监听变化
 var orignalSetItem = localStorage.setItem;
    localStorage.setItem = function(key,newValue){
        var setItemEvent = new Event("setItemEvent");
        setItemEvent.newValue = newValue;
        window.dispatchEvent(setItemEvent);
        orignalSetItem.apply(this,arguments);
    }
    window.addEventListener("setItemEvent", function (e) {
        alert(e.newValue);
    });
    localStorage.setItem("nm","1234");

  

不同页面之间的互相影响-localStorage

标签:dispatch   保存   win   字符串   arguments   方式   json   lse   obj   

原文地址:https://www.cnblogs.com/zihua/p/10756661.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!