如何实现浏览器内多个标签页之间的通信
2017-04-07 16:50
295 查看
转载地址http://blog.csdn.net/lxcao/article/details/52777066
题目点评
本题主要考察数据存储的知识,数据存储有本地和服务器存储两种方式,对于前端开发来讲,只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般,只要能够说出思路就可以,至少说两种解决方法。
解题方法
方法一:使用localStorage
使用localStorage.setItem(key,value);添加内容
使用storage事件监听添加、修改、删除的动作
方法二、使用cookie+setInterval
题目点评
本题主要考察数据存储的知识,数据存储有本地和服务器存储两种方式,对于前端开发来讲,只需要讲解用本地存储的方式来解决就好。当然也能知道服务器端的方式更好。本题的难易程度一般,只要能够说出思路就可以,至少说两种解决方法。
解题方法
方法一:使用localStorage
使用localStorage.setItem(key,value);添加内容
使用storage事件监听添加、修改、删除的动作
window.addEventListener("storage",function(event){ $("#name").val(event.key+”=”+event.newValue); });
方法二、使用cookie+setInterval
<inputidinputid="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);
相关文章推荐
- 如何实现浏览器内多个标签页之间的通信
- 如何实现浏览器多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- Javascript常见问题及解决(二)如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信
- 如何实现浏览器内多个标签页之间的通信?
- 如何实现浏览器内多个标签页之间的通信
- Web前端面试指导(三十四):如何实现浏览器内多个标签页之间的通信?
- 浅谈两种方法实现浏览器内多个标签页之间的通信
- 在C#中如何实现Form与Form之间的通信
- 如何实现Linux进程之间的通信?
- 在C#中如何实现Form与Form之间的通信(winform 内容)
- 如何建立一个小型的局域网,来实现电脑与电脑之间的通信
- 浅析Java中如何实现线程之间通信
- 如何实现虚拟机与宿主机之间的串口通信
- java学习——如何实现线程之间的通信 ,Condition 的使用
- 如何实现Android两个模拟器之间的通信