cookies实现浏览器内多个标签页（.html页面）之间的通信

1、reception.js接收页面

<div> <span>收到消息： var cookies = JSON.parse('{"' + document.cookie.replace(/=/g, '":"').replace(/;\s+/g, '", "') + '"}'); return cookies[key]; }; // 使用定时器轮巡获取数据 setInterval(function() { recMsg1.innerHTML = getKey("msg1"); recMsg2.innerHTML = getKey("msg2"); }, 500); 

2、send.js发送页面

<input id="msg1" type="text" /> <br /> <input id="msg2" type="text" /> <br /> <button id="send">发送 // trim: 去除字符串的头尾空格 if (msg1.value.trim() !== "" && msg2.value.trim() !== "") { document.cookie="msg1="+msg1.value.trim(); document.cookie="msg2="+msg2.value.trim(); } }; 

3、注意

存在定时器问题。

4、完整代码

gitee(码云) - mj01分支 - cookies 文件夹