javaScript中实现浏览器内多个标签页之间的通信

方法一：使用localStorage

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

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

[javascript]  view plain  copy

1. window.addEventListener("storage",function(event){  
2.         $("#name").val(event.key+”=”+event.newValue);  
3. });  
4.    

方法二、使用cookie+setInterval

HTML代码

[html]  view plain  copy

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

JS代码-页面1   

[javascript]  view plain  copy

1. $(function(){  
2.        $("#btnOK").click(function(){  
3.            varname=$("#name").val();  
4.            document.cookie="name="+name;  
5.        });  
6.    });  

JS代码-页面2

[javascript]  view plain  copy

1. //获取Cookie天的内容  
2. function getKey(key) {  
3.     return JSON.parse("{\""+ document.cookie.replace(/;\s+/gim,"\",\"").replace(/=/gim, "\":\"") +"\"}")[key];  
4. }  
5. //每隔1秒获取Cookie的内容  
6. setInterval(function(){  
7.     console.log(getKey("name"));  
8.  },1000);