关闭浏览器时提示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 相关文章推荐
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
Mar 22 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
精彩的Bootstrap案例分享 重点在注释!(选项卡、栅格布局)
Jul 01 Javascript
jQuery Validate验证框架详解(推荐)
Dec 17 Javascript
ECMAScript6 新特性范例大全
Mar 24 Javascript
vue时间格式化实例代码
Jun 13 Javascript
详解React-Native全球化多语言切换工具库react-native-i18n
Nov 03 Javascript
angular之ng-template模板加载
Nov 09 Javascript
JavaScript实现连连看连线算法
Jan 05 Javascript
Node.js中Koa2在控制台输出请求日志的方法示例
May 02 Javascript
vue中watch和computed为什么能监听到数据的改变以及不同之处
Dec 27 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大转盘中奖概率算法实例
2014/10/21 PHP
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
PHP+apc+ajax实现的ajax_upload上传进度条代码
2016/01/25 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
PHP使用PDO实现mysql防注入功能详解
2019/12/20 PHP
js以对象为索引的关联数组
2010/07/04 Javascript
深入分析jquery解析json数据
2014/12/09 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
简单谈谈Vue 模板各类数据绑定
2016/09/25 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
2016/11/30 Javascript
Bootstrap3 datetimepicker控件使用实例
2016/12/13 Javascript
基于vue2的canvas时钟倒计时组件步骤解析
2018/11/05 Javascript
vue-cli 2.*中导入公共less文件的方法步骤
2018/11/22 Javascript
微信小程序实现打卡日历功能
2020/09/21 Javascript
详解django模板与vue.js冲突问题
2019/07/07 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
JavaScript对象原型链原理解析
2020/01/22 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
vue-cli3访问public文件夹静态资源报错的解决方式
2020/09/02 Javascript
Python中tell()方法的使用详解
2015/05/24 Python
对numpy中shape的深入理解
2018/06/15 Python
python flask web服务实现更换默认端口和IP的方法
2019/07/26 Python
使用python制作一个解压缩软件
2019/11/13 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
iframe跨域的几种常用方法
2019/11/11 HTML / CSS
EMPHASIS艾斐诗官网:周生生旗下原创精品珠宝品牌
2020/12/17 全球购物
公司财务工作总结的自我评价
2013/11/23 职场文书
大学生的网络创业计划书
2013/12/26 职场文书
信息专业大学生自我评价分享
2014/01/17 职场文书
文艺晚会策划方案
2014/06/11 职场文书
党委班子对照检查材料
2014/08/19 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
2014年销售工作总结
2014/12/01 职场文书
女性励志书籍推荐
2019/08/19 职场文书
nginx搭建图片服务器的过程详解(root和alias的区别)
2021/03/31 Servers
css中有哪些方式可以隐藏页面元素及区别
2022/06/16 HTML / CSS