在做项目时经常会频繁的打开和关闭页面，如果页面中有需要编辑的内容，这时如果直接关闭，显得不是很友好，那有什么办法避免这种情况发生吗，其实原生的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中添加 οnbefοreunlοad=“return ‘你真的要离开吗？’”;
2.在js中添加代码window.οnbefοreunlοad=function(){return ‘你真的要离开吗？’;};
onload onunload onbeforeunload 三个事件的区别
页面加载：onload
页面关闭：onbeforeunload → onunload
页面刷新：onbeforeunload → onunload → onload
扫一扫
1049
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
