本文介绍如何使用 JavaScript 的 onbeforeunload 事件来防止用户意外刷新、后退或关闭页面导致数据丢失。通过绑定 window.onbeforeunload 并返回提示字符串，可在现代浏览器中触发标准确认对话框。尽管该事件已逐渐被 Web 标准淘汰，但目前仍是实现此类防护效果的有效手段，且各主流浏览器均能提供良好的支持体验。
利用 onbeforeunload 实现页面刷新与关闭时的数据保护提示
具体实现代码如下所示：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head>
<title> New Document </title>
</head>
<script language="javascript">
function RunOnBeforeUnload() {window.onbeforeunload = function(){ return '将丢失未保存的数据!'; } }
</script>
<body onload="RunOnBeforeUnload()">
刷新,关闭,后退,F5 测试
</body>
</html>尽管 onbeforeunload 事件在 Web 标准的发展中已不再被推荐，但目前在实现页面关闭或刷新时的数据保护提示方面，它仍然是唯一可行的方案。值得庆幸的是，当前各类主流浏览器对该事件的支持程度都非常良好。