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

佚名 7年前 (2019-04-23) 随笔 2325人围观抢沙发百度已收录

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

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

　　alert(e.newValue);

});

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

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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");