使用javascript或jquery在HTML页面中传输数据

我有一个在本地运行的HTML应用程序。打开第一个HTML页面时，它会创建一个数组，使用jquery读取XML文件

我能够成功创建阵列。现在我需要在浏览应用程序的其他页面时保留这些数组值。这是因为这些数组值包含重要的CSS颜色，这些颜色将在运行时应用于元素

如何在页面之间传递数据。请告知

---

请注意：我的应用程序正在本地运行，而不是在Web服务器上运行。

您可以通过cookie实现这一点：

或者在更现代的浏览器上，使用存储

比如说,

if (window.sessionStorage) {
    var color_id = "ae5678";
    window.sessionStorage.setItem("color_id", color_id);
}

或本地存储

if (window.localStorage) {
     color_id = "6b67ce";
     window.localStorage.setItem("color_id", color_id);
}

要获得价值

 var color_id = window.localStorage.getItem("color_id");

---

使用web存储这样的东西现在真的很容易

只需在js中执行此操作即可保存所需内容：

localStorage.savedColor = "#330000";

要从存储器中检索保存的颜色，请执行以下操作：

var mySavedColor = localStorage.savedColor;

使用本地存储

var yourDataArray=[];// your xml data.

//在导航之前，将数据放在本地存储中，与任何键（比如这里的XML_数据）相对应

window.localStorage.setItem("XML_DATA", JSON.stringify(yourDataArray));

//现在，在导航到另一个页面后，使用

var yourDataArray=window.localStorage.getItem("XML_DATA");
  if(yourDataArray!=null){
  yourDataArray=JSON.parse(yourDataArray);//here you will get data.
}

---

了解localstorage@epascarello嘿，你比我快：）我只是想写下这个确切的答案，哈哈。是1999年吗？Cookie不是一个好办法。