您的位置：首页 > 其它

onload、onunload、onbeforeunload的区别

2016-06-12 15:25 411 查看

在做项目时经常会频繁的打开和关闭页面，如果页面中有需要编辑的内容，这时如果直接关闭，显得不是很友好，那有什么办法避免这种情况发生吗，其实原生的js已经为我们提供现成的方法onbeforeunload，我们直接拿来用就好，随便总结一下onload、onunload、onbeforeunload的区别，话不多说，直接上代码：

<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<title>Document</title>
</head>

<body onbeforeunload="return '你真的要离开吗？'">

<script type="text/javascript">
window.onbeforeunload = function() {
return '你真的要离开吗？';
}
</script>

</body>

</html>

关闭页面时的提示窗口有两种方式：

1.在body中添加 onbeforeunload=”return ‘你真的要离开吗？’”;

2.在js中添加代码window.onbeforeunload=function(){return ‘你真的要离开吗？’;};

onload onunload onbeforeunload 三个事件的区别
打开页面时：onload
刷新页面时：onbeforeunload-->onunload
关闭网页时：onbeforeunload-->onunload-->onload

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航