javascript - 在 Javascript 打开的窗口上附加一个 onload 处理程序

Question

我想知道用户何时离开我在 Javascript 打开的窗口中加载的页面。例如，如果我有:

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

我想知道用户何时离开该页面(因此卸载、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");
};

You can give it a try here .但是有限制，窗口必须在同一个域中，以符合same-origin policy (onload 事件不会被挂接)。在奇怪的域与测试框架相同的示例中，这非常重要......尝试更改域或协议(protocol)，你会发现它不起作用，并且你会在控制台中收到错误消息。