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

2020-07-15 09:05发布

1条回答

2020-07-17 10:44

方法一：使用localStorage

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

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

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

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

});

方法二、使用cookie+setInterval

HTML代码

JS代码-页面1

$(function(){

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

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

[removed]="name="+name;

});

JS代码-页面2

//获取Cookie天的内容

function getKey(key) {

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

}

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

setInterval(function(){

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

},1000);