Javascript，在重定向后等待页面加载然后执行代码

Question

嗨，我已经看到此解决方案在此站点上发布了好几次，答案通常是以下之一。

$( document ).ready()
window.onload="myFunction()";

我正在做一个google扩展程序，它使用chrome的选项卡更新重定向到新页面，然后使用chrome的选项卡executescript将新脚本引入该新重定向的页面以单击按钮。 我将重定向页面，然后使用上面的方法尝试使新脚本在重定向页面而不是当前页面上运行。 遗憾的是，它们都不起作用，他们仍然允许将新脚本放入旧页面。 因此，为了解决这个问题，我只使用了setTimeout并将其设置为1500，这大约足以让我加载新页面，但这并不是非常有效，并且对于用户来说可能有所不同是因为我做错了还是这是唯一的解决方案？

我的代码看起来像这样。

chrome.tabs.update({url: "www.example.com"});
pause(); // I just took the liberty of shorting the whole setTimeout part
chrome.tabs.executeScript(null, {file: "jquery.js"}), console.log("jquery loaded");

当我尝试在页面开头使用原始解决方案时，我只是将执行脚本包装在其中，以使其看起来像这样。

chrome.tabs.update({url: "www.example.com"});
pause(); // I just took the liberty of shorting the whole setTimeout part
$( document ).ready(){
  chrome.tabs.executeScript(null, {file: "jquery.js"}), console.log("jquery loaded");
}

我目前正在做的是使用短的setTimeout，例如250，然后将代码包装在.ready（）/ works /中，但我宁愿将setTimeout一起删除，这就是这个问题的重点。 先感谢您！ 如果您需要更多信息，请询问。

Answer 1

我对chrome.tabs等一无所知，但是使用计时器是很容易的事。 任何异步调用都需要回调，即在调用函数完成其“ thang”操作时触发的函数。

一个快速的谷歌，我发现了这一点：

chrome.tabs.update(integer tabId, object updateProperties, function callback)

因此，您可以将回调作为最后一个参数。 这是链接 ，向下滚动到[update]部分。

如果您需要有关回调的帮助，请发布另一个问题，我们将从那里开始...