首页 > 代码库 > 如何实现浏览器内多个标签页之间的通信?
如何实现浏览器内多个标签页之间的通信?
调用 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="http://www.mamicode.com/发送">
$(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);
如何实现浏览器内多个标签页之间的通信?