关闭浏览器时提示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 相关文章推荐
Prototype最新版(1.5 rc2)使用指南(1)
Jan 10 Javascript
js实现运动logo图片效果及运动元素对象sportBox使用方法
Dec 25 Javascript
PHP使用方法重载实现动态创建属性的get和set方法
Nov 17 Javascript
jQuery UI插件自定义confirm确认框的方法
Mar 20 Javascript
JavaScript数据绑定实现一个简单的 MVVM 库
Apr 08 Javascript
学习Javascript闭包(Closure)知识
Aug 07 Javascript
angular 基于ng-messages的表单验证实例
May 04 Javascript
Vue自定义事件(详解)
Aug 19 Javascript
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
JavaScript实现打印星型金字塔功能实例分析
Sep 27 Javascript
JS实现的文字间歇循环滚动效果完整示例
Feb 13 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
Dec 11 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
图书管理程序(三)
2006/10/09 PHP
一些 PHP 管理系统程序中的后门
2009/08/05 PHP
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
关于取不到由location.href提交而来的上级页面地址的解决办法
2009/07/30 Javascript
jquery封装的对话框简单实现
2013/07/21 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
2016/01/04 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
JQuery 在文档中查找指定name的元素并移除的实现方法
2016/05/19 Javascript
浅析jQuery中使用$所引发的问题
2016/05/29 Javascript
js动态获取子复选项并设计全选及提交的实现方法
2016/06/24 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
node.js + socket.io 实现点对点随机匹配聊天
2017/06/30 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
Angular 2父子组件数据传递之@Input和@Output详解(下)
2017/07/05 Javascript
vue实现商城购物车功能
2017/11/27 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
vue中使用element-ui进行表单验证的实例代码
2018/06/22 Javascript
Vue监听事件实现计数点击依次增加的方法
2018/09/26 Javascript
js通过canvas生成图片缩略图
2020/10/02 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
关于Python面向对象编程的知识点总结
2017/02/14 Python
使用python实现BLAST
2018/02/12 Python
Python数据可视化:幂律分布实例详解
2019/12/07 Python
pandas 强制类型转换 df.astype实例
2020/04/09 Python
python判断正负数方式
2020/06/03 Python
美国最大的在线寄售和旧货店:Swap.com
2018/08/27 全球购物
美国厨房和园艺工具网上商店:Nestneed
2019/08/24 全球购物
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
请说出你所知道的线程同步的方法
2013/04/19 面试题
.NET方向面试题
2014/11/20 面试题
婚庆公司的创业计划书
2014/01/22 职场文书
企业党员一句话承诺
2014/05/30 职场文书
计算机系本科生求职信
2014/05/31 职场文书
个人收入证明范本
2014/09/18 职场文书