关闭浏览器时提示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 原型与继承说明
Jun 09 Javascript
jquery操作checkbox实现全选和取消全选
May 02 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
jQuery中 prop() attr()使用详解
May 19 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
浅析JavaScript函数的调用模式
Aug 10 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
jQuery控制元素隐藏和显示
Mar 03 Javascript
Vue中使用vux的配置详解
May 05 Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
Aug 26 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写的采集程序
2007/03/16 PHP
php后台程序与Javascript的两种交互方式
2009/10/25 PHP
php打开远程文件的方法和风险及解决方法
2013/11/12 PHP
php快速导入大量数据的实例方法
2019/09/23 PHP
xml转json的js代码
2012/08/28 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
当滚动条滚动到页面底部自动加载增加内容的js代码
2014/05/13 Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
2015/05/13 Javascript
常用javascript表单验证汇总
2020/07/20 Javascript
今天抽时间给大家整理jquery和ajax的相关知识
2015/11/17 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
2016/11/09 Javascript
原生js二级联动效果
2017/06/20 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
AngularJS实现的省市二级联动功能示例【可对选项实现增删】
2017/10/26 Javascript
javascript实现最长公共子序列实例代码
2018/02/05 Javascript
Angular6中使用Swiper的方法示例
2018/07/09 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
2019/11/29 Javascript
我所理解的JavaScript中的this指向
2020/09/04 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python实现批量改文件名称的方法
2015/05/25 Python
DRF跨域后端解决之django-cors-headers的使用
2019/01/27 Python
Python3离线安装Requests模块问题
2019/10/13 Python
浅谈python元素如何去重,去重后如何保持原来元素的顺序不变
2020/02/28 Python
使用python实现CGI环境搭建过程解析
2020/04/28 Python
Python -m参数原理及使用方法解析
2020/08/21 Python
世界最大的票务市场:viagogo
2017/02/16 全球购物
Merrell美国官网:美国登山运动鞋品牌
2018/02/07 全球购物
2014新年元旦活动策划方案
2014/02/18 职场文书
2014年银行个人工作总结
2014/12/05 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
孙振耀退休感言
2015/08/01 职场文书
vue中三级导航的菜单权限控制
2021/03/31 Vue.js
CSS3新特性详解(五):多列columns column-count和flex布局
2021/04/30 HTML / CSS
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL