如何存储更改为可传递到任何地方的全局变量的innerHTML？

// 定义全局变量
var globalInnerHTML = "";

// 修改innerHTML并存储到全局变量
function changeInnerHTML() {
  var element = document.getElementById("exampleElement");
  element.innerHTML = "新的内容";
  globalInnerHTML = element.innerHTML;
}

// 在其他地方使用全局变量
function useGlobalInnerHTML() {
  console.log(globalInnerHTML);
}

// 修改innerHTML并存储到本地存储
function changeInnerHTML() {
  var element = document.getElementById("exampleElement");
  element.innerHTML = "新的内容";
  localStorage.setItem("globalInnerHTML", element.innerHTML);
}

// 在其他地方使用本地存储的值
function useGlobalInnerHTML() {
  var globalInnerHTML = localStorage.getItem("globalInnerHTML");
  console.log(globalInnerHTML);
}

// 修改innerHTML并将其作为URL参数传递
function changeInnerHTML() {
  var element = document.getElementById("exampleElement");
  element.innerHTML = "新的内容";
  var url = window.location.href;
  var updatedUrl = url + "?globalInnerHTML=" + encodeURIComponent(element.innerHTML);
  window.location.href = updatedUrl;
}

// 在其他页面中获取URL参数并使用
function useGlobalInnerHTML() {
  var urlParams = new URLSearchParams(window.location.search);
  var globalInnerHTML = urlParams.get("globalInnerHTML");
  console.log(globalInnerHTML);
}