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

Javascript 在其他页面中使用JS编辑HTML元素,javascript,html,Javascript,Html,如何使用另一个页面中的JS代码控制HTML元素,例如,我有一个名为“index”的HTML页面,它包含一个元素,我还有一个名为“controlPanel”的页面,如何编辑“controlPanel”中“index”中的元素页面。JavaScript在当前页面的上下文中运行,当浏览器从一个页面导航到另一个页面时,它与HTML和CSS一起从内存中完全删除。因此,您无法从另一个页面使用JavaScript控制一个页面 唯一的例外是: 如果第一页使用window.open()方法打开第二页 如果第二页加

如何使用另一个页面中的JS代码控制HTML元素,例如,我有一个名为“index”的HTML页面,它包含一个
元素,我还有一个名为“controlPanel”的页面,如何编辑“controlPanel”中“index”中的
元素页面。

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

唯一的例外是:

  • 如果第一页使用
    window.open()
    方法打开第二页
  • 如果第二页加载到第一页内的
    iframe
  • 您可以在第一个页面中将状态持久化到某些存储(例如,数据库或浏览器中的本地存储),然后在第二个页面中读取状态以相应地更改行为


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

    您不能这样做,否则必须将其保存在本地存储中或使用reactjs之类的库