在 Javascript 打开的窗口上附加 onload 处理程序

Question

我希望能够知道用户何时离开我在 Javascript 打开的窗口中加载的页面。例如，如果我有：

newWindow = window.open('http://www.example.com', 'testWindow');

我想知道用户何时离开该页面（因此 unload、onunload、onbeforeunload 都对我有用，如果可以附加的话）。新窗口来自不同的域，因此可能存在一些相同的源策略，但我已经能够使用 iframe 来做到这一点。例如：

<iframe src='http://www.example.com' onload='alert("load");'><iframe>

工作得很好，但我需要为窗口而不是 iframe 执行此操作。

Answer 1

你可以这样做：

newWindow = window.open('http://www.example.com', 'testWindow');
newWindow.onload = function() {
  alert("loaded");
};

你可以在这里尝试一下。但是有限制，窗口必须位于同一个域上，以符合同源策略（onload否则事件将不会被连接）。在示例中，奇怪的域与测试框架相同，这非常重要......尝试更改域或协议，您会发现它不起作用，并且您会在控制台中收到错误。