javascript - 使用 javascript 或 jquery 在 HTML 页面中携带数据

Question

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

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

数据如何在页面之间传递。好心提醒。

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

Answer 1

现在使用这样的网络存储真的很容易。

只需在 js 中执行此操作以保存您想要的内容：

localStorage.savedColor = "#330000";

并从存储中检索 savedColor：

var mySavedColor = localStorage.savedColor;

Answer 2

使用本地存储

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

//在导航之前将数据放在本地存储中，针对任何键（这里说 XML_DATA）。

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.
}

Answer 3

您可以使用 cookie 完成此操作：

https://developer.mozilla.org/en-US/docs/Web/API/document.cookie

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

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage

例如，

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");