关闭浏览器时提示onbeforeunload事件


Posted in Javascript onDecember 25, 2013

onbeforeunload事件 它是这样用的:

<script language="javascript">  
    g_blnCheckUnload = true;  
    function RunOnBeforeUnload() {      
        if (g_blnCheckUnload) {
        window.event.returnValue = 'You will lose any unsaved content';        
        }    
    } 
</script>
<body  onbeforeunload="RunOnBeforeUnload()"> 
</body>

这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件。

摘抄如下:onbeforeunload事件:

注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

object.onbeforeunload = handler
<element onbeforeunload = “handler” … ></element>
描述: 事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。 handler可以设一个返回值作为该对话框的显示文本。

触发于:

关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的url连接的时候
调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
重新赋予location.href的值的时候。
通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素: BODY, FRAMESET, window

平台支持: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

Javascript 相关文章推荐
dojo 之基础篇
Mar 24 Javascript
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
Jun 04 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
一个html5播放视频的video控件只支持android的默认格式mp4和3gp
May 08 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
详解express + mock让前后台并行开发
Jun 06 Javascript
JavaScript创建对象的常用方式总结
Aug 10 Javascript
从QQ网站中提取的纯JS省市区三级联动菜单
Dec 25 #Javascript
优化javascript的执行效率一些方法总结
Dec 25 #Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
Dec 25 #Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
Dec 25 #Javascript
js 动态加载事件的几种方法总结
Dec 25 #Javascript
js 鼠标移动显示图片的简单实例
Dec 25 #Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 25 #Javascript
You might like
php下使用以下代码连接并测试
2008/04/09 PHP
PHP5函数小全(分享)
2013/06/06 PHP
php监测数据是否成功插入到Mysql数据库的方法
2016/11/25 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
js中的escape及unescape函数的php实现代码
2007/09/04 Javascript
不懂JavaScript应该怎样学
2008/04/16 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
2011/08/15 Javascript
js简单抽奖代码
2015/01/16 Javascript
JavaScript常用脚本汇总(三)
2015/03/04 Javascript
如何实现chrome浏览器关闭页面时弹出“确定要离开此面吗?”
2015/03/05 Javascript
javascript变量声明实例分析
2015/04/25 Javascript
jQuery图片轮播滚动切换代码分享
2020/04/20 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
有关JavaScript中call()和apply() 的一些理解
2016/05/20 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
2017/08/22 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
Python单元测试框架unittest简明使用实例
2015/04/13 Python
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
轻松实现python搭建微信公众平台
2016/02/16 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
python打印9宫格、25宫格等奇数格 满足横竖斜相加和相等
2019/07/19 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
python实现取余操作的简单实例
2020/08/16 Python
JBL美国官方商店:扬声器、耳机等
2019/12/01 全球购物
生物学学生自我评价
2014/01/17 职场文书
企业节能减排实施方案
2014/03/19 职场文书
社区巾帼文明岗事迹材料
2014/06/03 职场文书
汽车转让协议书
2015/01/29 职场文书
复试通知单模板
2015/04/24 职场文书
2015年暑期见闻
2015/07/14 职场文书
新学期开学寄语2016
2015/12/04 职场文书
MongoDB数据库常用的10条操作命令
2021/06/18 MongoDB