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

JavaScript06

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

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

参数列表如下：

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

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

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

下面的代码兼容除 Opera 之外的任何浏览器。Opera 到现在最高版本为止对 onunload 的支持都是不完整的，对于 unbeforeunload 更是根本不支持。

<script type="text/javascript">

window.onbeforeunload = function(e) {

    e = e || window.event

    var msg = "您确定要离开此页面吗？"

     

    // IE

    e.cancelBubble = true

    e.returnValue = msg

     

    // Firefox

    if(e.stopPropagation) {

        e.stopPropagation()

        e.preventDefault()

    }

    

    // Chrome / Safari

    return msg

}

</script>

js 怎么监听到页面关闭或页面跳转事件，以下介绍方法：

//在页面关闭或者跳转的时候调用

window.onbeforeunload = function (e) {  

  return e.returnValue = '确认关闭？'         

}

window.onunload = function () {

     //这个执行完onbeforeunload 会调用该function，

  //alert()是不会有弹出的。

  }

调用上面的代码，用谷歌浏览器关闭浏览页面或者跳转页面都会弹出下面页面询问。

注意：刷新的时候也会弹出询问，这监控也把刷新当成重新打开页面相当跳转。