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

Posted 2021-02-17 zihua

如果需要因为一个页面的操作而改变另一个页面的内容，可以使用监听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");