JavaScript 函数内修改全局变量如何让其他页面也生效？

js函数内修改全局变量

如何修改全局变量并让其他页面也能使用修改后的值，是一个常见的难题。在javascript中，要修改全局变量，不能直接对其赋值，而是需要使用“window”对象。

考虑以下代码：

// 全局变量
var name = "空名";

// 事件处理函数
$("#tb").click(function () {
  // 修改全局变量
  window.name = "世纪工程";
  alert(name);
});

在这种情况下，点击按钮后，全局变量“name”的值确实被修改为“世纪工程”，并且在该事件处理函数内也能正确显示。然而，切换到其他页面后，读取到的“name”变量的值仍然是“空名”。

为了解决这个问题，我们可以使用cookie将修改后的值存储起来。

// 事件处理函数
$("#tb").click(function () {
  // 修改全局变量并存储在cookie中
  document.cookie = "name=世纪工程";
  alert(name);
});

// 其他页面
document.getElementById("tp").textContent = getCookie("name");

function getCookie(name) {
  var nameEQ = name + "=";
  var ca = document.cookie.split(";");
  for (var i = 0; i < ca.length; i++) {
    var c = ca[i];
    while (c.charAt(0) == " ") c = c.substring(1, c.length);
    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
  }
  return null;
}

这样，在其他页面读取cookie中的值，就可以获得修改后的全局变量值。

以上就是JavaScript 函数内修改全局变量如何让其他页面也生效？的详细内容，更多请关注其它相关文章！