JavaScript 页面关闭前提示的实现方式与注意事项

JavaScript 页面关闭前提示的实现方式与注意事项

实现该功能相对简单，具体方法如下。

 
window.onbeforeunload = function() {
return "确定离开页面吗？";
} 

此外，还存在另一种写法。

 
window.onbeforeunload = function(event) {
(event || window.event).returnValue = "确定退出吗";
} 

需要注意的是，这种方法在 Chrome 和 Safari 浏览器中并不支持。然而，由于 Internet Explorer 和 Firefox 的支持，HTML5 标准中已纳入此特性。

众所周知，浏览器的多种弹出对话框（如 alert、confirm）会阻止事件的进一步执行，只有在用户进行进一步操作后，事件才会继续向下执行。

通常的做法如下所示：

 
window.onbeforeunload = function(event) {
return confirm("确定退出吗");
} 

采用这种方式会弹出两次对话框，因为 return 语句后的内容将作为是否离开页面的提示信息。