如何使用JavaScript将数据从一个HTML页面传递到另一个HTML页面

我很难将数据从一个HTML页面传递到另一个HTML页面。 我正在建立一个在线商店，我有一个页面，上面有我的商品，还有它们的按钮供用户选择。 我有第二页，那是我的结账页。 我希望这样，当用户单击items页面中的项目时，它将被写入checkout页面上的DOM中。 我有两个主要问题：

1在这两个页面的javascript文件中，我有来自items页面的按钮的变量和eventListerner，还有我想用DOM编写的checkout页面中的表的变量。 当im在items页面上时，my table变量在

console.log

时为null。 当我进入结账页面时，我得到：

itemsScript.js:44 Uncaught TypeError: Cannot read property 'addEventListener' of null
    at addEventListeners (itemsScript.js:44)
    at Array.map (<anonymous>)
    at itemsScript.js:46 

itemsScript.js:44未捕获类型错误：无法读取null的属性“addEventListener”
在addEventListeners（itemsScript.js:44）
在Array.map（）处
在itemsScript.js:46

所以我看到他们没有正常的交流

---

2在按钮上，我应该将项目的值和名称放在哪里？可能是data.js文件，如何从单击的按钮中获取此数据？

签出页面是一个全新的站点还是在产品站点中实现的

如果是一个完整的新站点，您将触发一个新请求。一种方法是使用前面提到的本地存储/缓存。这可能是最好的解决方案，这样您就不会在正常的站点重新加载时丢失任何项目

---

如果是直接在产品站点上实现，请查看ajax。这可能会对您有所帮助。

您可以将项目ID和数量保存在本地存储中，例如，保存在一个页面中，导航，在另一个页面上阅读……是“页面”单独的文档还是您只是在替换一些HTML？我使用两个单独的文档。是的，签出页面是一个完整的新页面。这家在线商店只是为了学习/培训，我需要研究一下如何使用本地存储/缓存。