前言：
而今咱们对“2个html页面通信”可能比较珍视，看官们都想要了解一些“2个html页面通信”的相关内容。那么小编也在网摘上网罗了一些关于“2个html页面通信””的相关资讯，希望大家能喜欢，同学们一起来学习一下吧！方法一：使用localStorage
使用localStorage.setItem(key,value);添加内容
使用storage事件监听添加、修改、删除的动作。
window.addEventListener("storage",function(event){ $("#name").val(event.key+”=”+event.newValue);});方法二、使用cookie+setInterval
HTML代码
<input id="name"><input type="button" id="btnOK"value="发送">
JS代码-页面1
$(function(){ $("#btnOK").click(function(){ var name=$("#name").val(); document.cookie="name="+name; }); });JS代码-页面2
//获取Cookie天的内容 function getKey(key) { return JSON.parse("{\""+ document.cookie.replace(/;\s+/gim,"\",\"").replace(/=/gim, "\":\"") +"\"}")[key]; } //每隔1秒获取Cookie的内容 setInterval(function(){ console.log(getKey("name")); },1000);其他方法：SharedWorker、webworker（HTML5新特性，不熟，暂时放放）
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #2个html页面通信
