html多页签页面,浏览器cookie方式实现多页签通讯

index01.html

第一个页面改

window.onload = function () {

var btnEle = document.getElementById('btn');

var nameEle = document.getElementById('name');

btnEle.onclick = function () {

var name = nameEle.value;

document.cookie = "name=" + name;

}

}

index01.html

第二个页面

window.onload = function () {

function getCookie(key) {

// console.log(document.cookie.replace(/;\s+/gim, "\",\"").replace(/=/gim, "\":\""));

if (document.cookie ) {

return JSON.parse("{\"" + document.cookie.replace(/;\s+/gim, "\",\"").replace(/=/gim, "\":\"") + "\"}")[key];

} else {

return '';

}

}

setInterval(function () {

console.log("name=" + getCookie("name"));

}, 5000);

}

本文地址：https://blog.csdn.net/weixin_43837268/article/details/109256351