javascript - 全局站点变量js

Question

我是 javascript 的新手，我正在尝试制作一个包含两个 HTML 页面(A 和 B)和一个全局 js 文件的小型网站。

假设我在页面 A 中选择了某些项目，页面 A 上的列表预览得到更新。但如果我想详细查看列表，我必须转到页面 B。

A页面和B页面使用同一个.js文件，选中的item保存在一个数组中。

如何确保所选项目仍然保留在数组中，并且当我从页面 A 转到页面 B 时数组不会被刷新？

我想到的是...

var selectedProductsName = new Array();

在 OwnJS.js 中将项目添加到预览列表有效。当我从页面 A 转到页面 B 时，我只是在努力保持数组未刷新。

Answer 1

HTML5 引入了一个名为 localStorage 的新事物。它基本上是一种在您网站的所有页面之间以及用户 session 之间持久存在的存储。它可以作为一个简单的键/值存储来访问:

var selectedProductsName = localStorage.getItem("selectedProductsName");

并设置:

localStorage.setItem("selectedProductsName", []);

Here's an article about getting started with localStorage ，如果您希望能够执行更多操作，例如检查 localStorage 的浏览器兼容性和观看 storage 事件等。