利用 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 标准的发展中已不再被推荐，但目前在实现页面关闭或刷新时的数据保护提示方面，它仍然是唯一可行的方案。值得庆幸的是，当前各类主流浏览器对该事件的支持程度都非常良好。