关闭浏览器时提示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 相关文章推荐
js实现touch移动触屏滑动事件
Apr 17 Javascript
如何在Linux上安装Node.js
Apr 01 Javascript
通过正则表达式获取url中参数的简单实现
Jun 07 Javascript
详解前端构建工具gulpjs的使用介绍及技巧
Jan 19 Javascript
ES6中Symbol类型用法实例详解
Apr 06 Javascript
浅谈关于.vue文件中style的scoped属性
Aug 19 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
jQuery 同时获取多个标签的指定内容并储存为数组
Nov 20 jQuery
js判断非127开头的IP地址的实例代码
Jan 05 Javascript
微信小程序实现多图上传
Jun 19 Javascript
Vue项目中如何封装axios(统一管理http请求)
May 02 Vue.js
从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
ajax缓存问题解决途径
2006/12/06 PHP
台湾中原大学php教程孙仲岳主讲
2008/01/07 PHP
基于HTTP长连接的&quot;服务器推&quot;技术的php 简易聊天室
2009/10/31 PHP
php+curl 发送图片处理代码分享
2015/07/09 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP中文字符串截断无乱码解决方法
2016/10/10 PHP
js 数组实现一个类似ruby的迭代器
2009/10/27 Javascript
javascript常用对话框小集
2013/09/13 Javascript
javaScript基础语法介绍
2015/02/28 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
浅谈javascript函数式编程
2015/09/06 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
2016/05/26 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
Node.js中流(stream)的使用方法示例
2017/07/16 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
python构建深度神经网络(DNN)
2018/03/10 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
Python中staticmethod和classmethod的作用与区别
2018/10/11 Python
Python序列化pickle模块使用详解
2020/03/05 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
化学实验员岗位职责
2013/12/28 职场文书
幼儿园大班家长评语
2014/04/17 职场文书
市场营销调查计划书
2014/05/02 职场文书
搞笑车尾标语
2014/06/23 职场文书
移交协议书
2014/08/19 职场文书
质监局领导班子践行群众路线整改方案
2014/10/26 职场文书
工作失职检讨书范文
2015/05/05 职场文书
2016年青少年禁毒宣传教育活动总结(学校)
2016/04/05 职场文书