js 怎么监听到页面关闭或页面跳转事件

JavaScript014

js 怎么监听到页面关闭或页面跳转事件,第1张

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

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

window.onbeforeunload = function (e) {  

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

}

window.onunload = function () {

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

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

  }

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

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

document.onreadystatechange = function(){

if(document.readyState=="complete") {

//loading / 正在加载

//interactive / 可交互，文档已被解析，"正在加载"状态结束，但是诸如图像，样式表和框架

//之类的子资源仍在加载

//complete / 完成。文档和所有子资源已完成加载。表示 load 状态的事件即将被触发。

}

}

js 监听到页面关闭或页面跳转事件。

javascript捕获窗口关闭事件有两种方法 onbeforeunload()，onUnload() 用法有两种：

1. function

window.onbeforeunload() { alert("远标培训为您关闭窗口")} function

window.onunload() { alert("远标培训为您关闭窗口")}

2.Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。

区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。