javascript - 在新选项卡中加载页面后调用函数

Question

单击按钮后，我需要在新选项卡中打开一些链接，并且在加载页面之后，我需要以编程方式在此页面上执行一些操作(例如单击适当的 GUI 元素等)。

例如，此代码应在新选项卡中打开 http://stackoverflow.com然后点击“标签”:

<button type=\"button\"
    onclick="window.open('http://stackoverflow.com', '_blank');
    document.getElementById('nav-tags').click();">Click Me!
</button>

但是函数 document.getElementById('nav-tags').click() 没有调用。

Answer 1

正如我在评论中所说，无法在选项卡/窗口之间直接通信。

但是有办法解决这个问题:

1. 打开另一个选项卡时，在 url 中发送您需要的数据(就像我在评论 stackoveflow.com/tags 中建议的那样)
2. 使用 cookie 进行通信 ( https://stackoverflow.com/a/4079423/3600886 )
3. 使用本地存储进行通信 ( http://dev.w3.org/html5/webstorage/ ) - 有一个库:https://github.com/diy/intercom.js/

如果您的用途只是在页面加载时显示一些数据，我会说选择第一个选项，它适用于所有浏览器，没有任何其他限制。

对于其他选项，您将需要页面位于同一域或具有相同的父窗口，而且旧版浏览器不支持本地存储。