当前位置：模板网首页 > 建站教程 > JS、jQ > js onbeforeunload()--窗口正文

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

作者：网页模板

类型：图文教程

点击次数：

发布时间：2014-04-01 13:32

分享到：

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()也调用了。
(责任编辑：网页模板)

本文标签：
js onbeforeunload(),js 阻止关闭窗口,js window.close()

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

热门建站教程

热门PSD模板

热门CSS模板

热门网页特效

热门网站源码

热门酷站欣赏

热门建站资源

热门文章