你的位置:首页 > 软件开发 > Java > 如何实现浏览器内多个标签页之间的通信?

如何实现浏览器内多个标签页之间的通信?

发布时间:2016-10-19 13:00:08
调用 localstorge、cookies 等本地存储方式 方法一:使用localStorage使用localStorage.setItem(key,value);添加内容使用storage事件监听添加、修改、删除的动作   window.addEvent ...

调用 localstorge、cookies 等本地存储方式

 

方法一:使用localStorage

使用localStorage.setItem(key,value);添加内容

使用storage事件监听添加、修改、删除的动作   

 

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

          $("#name").val(event.key+”=”+event.newValue);  

  }); 

 

方法二、使用cookie+setInterval

    <inputidinputid="name"><input type="button" id="btnOK"value="发送">  

 

    

$(function(){  

     $("#btnOK").click(function(){  

           varname=$("#name").val();  

           document.cookie="name="+name;  

       });  

  });  

 

//获取Cookie天的内容  

function getKey(key) {  

    return JSON.parse("{\""+ document.cookie.replace(/;\s+/gim,"\",\"").replace(/=/gim, "\":\"") +"\"}")[key];  

}

 //每隔1秒获取Cookie的内容  

setInterval(function(){  

    console.log(getKey("name"));  

 },1000);  


原标题:如何实现浏览器内多个标签页之间的通信?

关键词:浏览器

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。