steam想申明库存量，不晓得在哪里去增设，那个出口处是稍稍有点儿深，由此可见毕竟也很单纯，一起来看一看什么样操作方式。操作方式方式01登入steam后，点选街道社区旁的对个人......
2024-02-05 215
如何实现浏览器多个标签页之间的通信
来源：互联网
2023-02-21 23:39:30 250
现在计算机上用的浏览器都是多个标签页设计，可以同时打开多个网页，那么在编程处理时，如何实现浏览器多个标签页之间的通信呢？
方法/步骤
对于实现浏览器中多个标签页之间我通信处理，可以采用的技术有很多种，要根据情况和整体要求选择处理
具体来说可以使用WebSocket、SharedWorker等方式；也可以调用localstorge、cookies等本地存储方式
首先，简单说说使用cookie setInterval的方式，将要传递的信息存储在cookie中，每隔一定时间读取cookie信息，即可随时获取要传递的信息
比如，在第一个页面中，设置如下代码：
input id="name">
input type="button" id="btn" value="提交">
script type="text/javascript">
$(function(){
$("#btn").click(function(){
var name=$("#name").val();
document.cookie="name=" name;
});
});
/script>
在第二个页面中，设置如下代码：
script type="text/javascript">
$(function(){
function getCookie(key) {
return JSON.parse("{\"" document.cookie.replace(/;\s /gim,"\",\"").replace(/=/gim, "\":\"") "\"}")[key];
}
setInterval(function(){
console.log("name=" getCookie("name"));
}, 10000);
});
/script>
其次，针对localStorage方式，localStorage对象是Storage的实例，要访问一个localStorage对象，页面必须来自同一个域名（子域名无效），使用同一种协议，在同一个端口上
比如，在第一个页面中，设置如下代码：
input id="name">
input type="button" id="btn" value="提交">
script type="text/javascript">
$(function(){
$("#btn").click(function(){
var name=$("#name").val();
localStorage.setItem("name", name);
});
});
/script>
在第二个页面中，设置如下代码：
script type="text/javascript">
$(function(){
window.addEventListener("storage", function(event){
console.log(event.key "=" event.newValue);
});
});
/script>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：如何手机免费在线观看叶问4电影 下一篇：浏览器网页如何截全图
相关文章
- 详细阅读
-
ps快捷键大全与常用快捷键-ps常用快捷键大全和技巧详细阅读
操作方式方法01【辅助widget】多种辅助工具相连接两个功能键的可同时按【Shift】加此功能键挑选出1、正方形、圆锥选框辅助工具 【M】 2、终端辅助工具 【V】 3、截叶......
2024-02-05 159
-
qq头像上传失败怎么办-qq头像上传失败1503详细阅读
操作方式01文档格式难题qq肖像最合适用jpeg文档格式的相片，若是相片有透明化地下通道，能选用png文档格式上载。 02大小不一难题若是相片极重也可能将引致上载失利，检......
2024-02-05 91