页面初始化加载,关闭前调用方法,load(),onunload(),onbeforeunload()的使用

最新推荐文章于 2025-05-31 22:38:39 发布

宝贝笑

最新推荐文章于 2025-05-31 22:38:39 发布

阅读量1.9k

点赞数

本文详细解析了onunload和onbeforeunload两个事件的区别，包括它们的触发时机、执行顺序及功能特性。通过实例展示了如何使用这两个事件来实现页面离开提示和执行清理操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 onload="hello();" onunload="ha(); " onbeforeunload="go();">
<h1>hello world</h1>
<a href="http://www.baidu.com">heloo </a>
</body>
</html>