离开页面触发事件onunload、onbeforeunload区别

最新推荐文章于 2024-08-18 22:35:46 发布

Zzooper

最新推荐文章于 2024-08-18 22:35:46 发布

阅读量1.6w

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_27739989/article/details/51078944

版权

web 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

onunload和onbeforeunload两个事件都是在执行页面刷新、关闭、浏览器关闭时能触发，

不过在访问服务器读取新的页面时执行顺序有所不同，并且onunload无法阻止页面的关

闭与刷新，onbeforeunload可以做到。

onunload是在服务器上已经读取到数据，将要替换当前页面时执行，一般用于当离开页

面以后执行的动作。

onbeforeunload是正要向服务器读取新的页面时执行的动作，此事件执行在访问服务器

事件之前，一般用于提醒你是否要离开页面。

例子：

<span style="font-size:18px;"><html>
<head>
<title>test close window</title>
<script type="text/javascript"> 

function hello(){

    alert("hello world");
} 

function ha(){

    alert("bye");
}

function go(){

    event.returnValue = "真的要退出吗？";

} 
</script>
</head>

<body οnlοad="hello();" οnunlοad="ha(); " οnbefοreunlοad="go();">
<h1>hello world</h1>
<a href="http://www.baidu.com">heloo </a>
</body>
</html></span>