js onbeforeunload()--窗口关闭提醒函数_JS、jQ、TS_我爱模板网 - 提供下载各种免费建站资源，免费网站模板，免费网页特效，让你爱上建站！

js onbeforeunload()--窗口关闭提醒函数

来源：未知作者：类型：图文教程点击次数：发布时间：2014-04-01 13:32:55

js onbeforeunload()可以在用户关闭或者刷新本页面的时候，弹出询问框，提醒用户是否真的离开还是误操作(虽然本功能或许会令用户方案，但是有时还是很管用的)，本函数支持火狐和IE：

运行下面的代码，然后尝试关闭或刷新页面试试：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js onbeforeunload()--窗口关闭提醒函数</title> </head> <body> <script type="text/javascript"> window.onbeforeunload=function(event){ return '真的这么狠心离开，不在多看一眼么_模板网www.5imoban.net'; } </script> </body> </html>
提示：您可以先修改部分代码再运行

经过上面测试，会发现，当你刷新或者关闭页面会弹出如下的询问框(“真的这么狠心离开，不在多看一眼么_模板网www.5imoban.net”为您设置的返回值)。
只要执行了onbeforeunload()这个函数，不管你有没有设置返回值，都会弹出询问框，与alert()有点类似。
下面在运行下面的代码，查看效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js onbeforeunload()--窗口关闭提醒函数</title> </head> <body> <script type="text/javascript"> window.close(alert('真的这么狠心离开，不在多看一眼么_模板网www.5imoban.net')) </script> </body> </html>
提示：您可以先修改部分代码再运行

当你尝试关闭或者刷新窗口时，会先弹出警示框，里面是您的返回值，当您点击确定的时候，会弹出类似onbeforeunload()弹出的询问框，区别是，onbeforeunload()直接把返回值和提醒放到了一块。由此可见，其实window.close()执行时，会把onbeforeunload()也调用了。