关闭浏览器时提示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 相关文章推荐
JavaScript 参考教程
Dec 29 Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 Javascript
提取字符串中年月日的函数代码
Nov 05 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
简单谈谈json跨域
Mar 13 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
用jQuery实现可输入多选下拉组合框实例代码
Jan 18 Javascript
微信小程序网络请求wx.request详解及实例
May 18 Javascript
Vue.js常用指令的使用小结
Jun 23 Javascript
Angular8基础应用之表单及其验证
Aug 11 Javascript
浅谈vue获得后台数据无法显示到table上面的坑
Aug 13 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
phpwind中的数据库操作类
2007/01/02 PHP
php str_replace的替换漏洞
2008/03/15 PHP
深入php函数file_get_contents超时处理的方法详解
2013/06/03 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
thinkphp配置文件路径的实现方法
2016/08/30 PHP
yii2 在控制器中验证请求参数的使用方法
2019/06/19 PHP
javascript中最常用的继承模式 组合继承
2010/08/12 Javascript
javascript学习笔记(七) js函数介绍
2012/06/19 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
2013/07/07 Javascript
Javascript基础知识(三)BOM,DOM总结
2014/09/29 Javascript
Javascript类型转换的规则实例解析
2016/02/23 Javascript
浅析JS获取url中的参数实例代码
2016/06/14 Javascript
js编写的treeview使用方法
2016/11/11 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
vue+axios 前端实现的常用拦截的代码示例
2018/08/23 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
JavaScript实现简单计算器
2020/03/19 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
pytorch + visdom CNN处理自建图片数据集的方法
2018/06/04 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
python调用matplotlib模块绘制柱状图
2019/10/18 Python
如何使用pandas读取txt文件中指定的列(有无标题)
2020/03/05 Python
Html5之自定义属性(data-,dataset)
2019/11/19 HTML / CSS
Kendra Scott官网:美国领先的时尚配饰品牌
2020/10/22 全球购物
UNIX文件名称有什么规定
2013/03/25 面试题
后勤园长自我鉴定
2013/10/17 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
法英专业大学生职业生涯规划范文:衡外情,量己力!
2014/09/23 职场文书
大学生创业事迹材料
2014/12/30 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
python 实现体质指数BMI计算
2021/05/26 Python
python 实现两个变量值进行交换的n种操作
2021/06/02 Python