window.open() 怎么监听子页面跳转
时间: 2023-11-22 22:24:35 浏览: 71
javascript关于open.window子页面执行完成后刷新父页面的问题分析
要监听子页面跳转,可以使用 window.open() 方法打开子窗口,并在子窗口中定义一个全局函数,当子窗口跳转时,调用该函数并传递参数。在父窗口中,可以使用 window.addEventListener() 方法监听子窗口的跳转事件,并在事件处理程序中获取传递的参数。
例如,在子窗口中定义一个全局函数:
```javascript
function childPageChange(param) {
window.opener.dispatchEvent(new CustomEvent('childPageChange', { detail: param }));
}
```
在父窗口中,添加事件监听器:
```javascript
window.addEventListener('childPageChange', function(event) {
console.log(event.detail);
});
```
当子窗口调用 childPageChange() 函数时,就会触发父窗口中的事件监听器,并将传递的参数输出到控制台中。
阅读全文