JS window.open()打开新窗口、监听新窗口关闭事件

JavaScript09

JS window.open()打开新窗口、监听新窗口关闭事件,第1张

使用 window 对象的 open() 方法可以打开一个新窗口。用法如下:

参数列表如下:

使用 window.closed 属性可以检测当前窗口是否关闭,如果关闭则返回 true,否则返回 false。

下面是一个监听当前新开页面该窗口的打开关闭状态的示例

参考: https://blog.csdn.net/HeXinT/article/details/125412106

一、页面关闭:

用javascript重新定义 window.onbeforeunload() 事件 

在javascript里定义一个函数即可 

function window.onbeforeunload() { alert("关闭窗口")} 

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口 

function window.onbeforeunload() { 

if (event.clientX>document.body.clientWidth &&event.clientY<0 ||event.altKey) 

window.event.returnValue="确定要退出本页吗?" 

2.用onUnload方法 

在body 标签里加入onUnload事件 

body onUnload="myClose()"

二、页面跳转好做,但监听不好做。

页面跳转方法:a.window.location.href='index.html'

b.window.navigate("index.html")

c.

if (confirm("你确定要跳转页面吗?"))...{

window.location.href="index.html" 

}

首先判断浏览器的类型,简便可用navigator.userAgent()获取浏览器的字符串,与浏览器类型做查找即可。 目前对Chrome和firfox区分关闭和刷新成功。 浏览器为firfox时flag为false,Chrome为true。window.onload(){window.onunload = function() {if(flag){console.log('关闭操作')}else {console.log('刷新操作')}}window.onbeforeunload = function () {if(!flag){console.log('关闭操作')}else{console.log('刷新操作')}}}