如何实现浏览器内多个标签页之间的通信?
2017-11-01 20:15
399 查看
如何实现浏览器内多个标签页之间的通信?
调用 localstorge、cookies 等本地存储方式方法一:使用localStorage
使用localStorage.setItem(key,value);添加内容
使用storage事件监听添加、修改、删除的动作
监听
storage事件,即可得到
localstorge存储的值,实现不同标签页之间的通信
window.addEventListener("storage",function(event){
$("#name").val(event.key+”=”+event.newValue);
});
方法二、使用cookie+setInterval
将要传递的信息存储在cookie中,每隔一定时间读取cookie信息,即可随时获取要传递的信息。
<input id="name"><input type="button" id="btnOK"value="发送">
$(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);
相关文章推荐
- 如何实现浏览器内多个标签页之间的通信
- 如何实现浏览器内多个标签页之间的通信
- 如何实现浏览器内多个标签页之间的通信
- Web前端面试指导(三十四):如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- Javascript常见问题及解决(二)如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信
- 如何实现浏览器多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 浅谈两种方法实现浏览器内多个标签页之间的通信
- 如何使用socket实现unity和Winform之间通信
- 如何建立一个小型的局域网,来实现电脑与电脑之间的通信
- 在C#中如何实现Form与Form之间的通信(winform 内容)
- 如何实现程序与浏览器之间的拖放(转)
- 浏览器多个标签页之间的通信
- 如何实现浏览器当前标签是否打开或切换
- 如何实现Linux进程之间的通信?
- 如何实现Android两个模拟器之间的通信