所以我有两个 html 文件，它们都相互链接并共享相同的 css/js 文件

Question

所以我有两个 html 文件，它们都相互链接并共享相同的 css/js 文件。 当我在一个 index.html 上使用 btn 并单击它时，我希望它返回 append 某些内容到 index2.html 上的一个部分/div。 我有代码，但出于某种原因，当我运行它时出现错误，所以我对它进行了控制台记录并返回了 null。如何访问另一个 html 文件中的元素是否需要将其导入 js？ 指数：

<a href="index.html">home</a>
    <a href="test.html">test</a>

    <button class="btn" onclick="add()">addP</button>

索引 2：

 <a href="index.html">home</a>
    <a href="test.html">test</a>


    <h1>add p below </h1>


    <div class="pbox">

    </div>

我想访问 div.pbox

Answer 1

您在这里面临一些问题。 在主页上没有pbox ，在测试页面上也没有add button ，这很容易解决，条件是查看它们是否存在或使用 2 JavaScript 文件。

您面临的下一个问题是如何存储信息并将其从一个页面获取到另一个页面。 页面重新加载后，信息将消失 go。 在这种情况下，答案是本地存储。

当页面加载时，它会检查本地存储中是否存在列表。 如果它存在，它会获取该信息并对其进行解析。 如果它不存在，它只是一个空数组。 这在两个页面上都会发生，因为它们都需要此信息。

当测试页面加载时，它只是获取列表中的信息并映射到它上面，以使用当时列表中的任何内容填充pbox 。

单击主页上的按钮后，它会将新项目推送到列表数组，然后更新本地存储。

这是沙盒链接