javascript - 删除包含页面的 iframe 时不会触发 onbeforeunload

Question

我有一个网页 Page1，它定义了一个有效的 onbeforeunload 事件，我在该事件中进行了一些提取。此 Page1 加载到另一个 domain 的 iframe1 中。

问题:当 iframe1 从 DOM 中删除时，我的 Page1 beforeunload根本没有触发事件。

我现在正在本地尝试使用这些文件:

page1.html:

<script>
window.onbeforeunload = () => {
  console.log('Page1 unloaded')
}
</script>

parent.html:

<div>
    <iframe id='page1' src='./page1.html' ></iframe>
</div>
<button onclick="document.getElementById('page1').remove()" >Remove</button>

问题:如何触发 Page1 的 unload 事件？

提前致谢。

Answer 1

window.onbeforeunload = function(e) {
var dialogText = 'Dialog text here';
e.returnValue = dialogText;
return console.log(dialogText);
};

当您单击链接或关闭窗口时，您会在控制台中看到 dialogText