在其他页面中使用JS编辑HTML元素

Question

如何使用来自其他页面的JS代码控制HTML元素，例如，我有一个名为“index”的HTML页面，它包含一个<p>元素，我还有另一个名为“ controlPanel“，如何在”controlPanel“页面中编辑”Index“中的<p>元素。

Answer 1

JavaScript在当前页面的上下文中运行，当浏览器从一个页面导航到另一个页面时，它与HTML和CSS一起从内存中完全删除。因此，您无法使用其他页面中的JavaScript控制一个页面。

唯一的例外是：

1. 如果第一页使用window.open()方法打开第二页。
2. 如果第二页加载到第一页内的iframe。

您可以做的是将状态保存到第一页中的某个存储（例如数据库或浏览器中的本地存储），并在第二页中读取它以相应地更改行为。

当然，您始终可以将参数从第一页发送到第二页（例如在URL查询字符串中），第二页的行为将根据参数的值而有所不同。