关闭浏览器时提示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关闭模态窗口刷新父页面或跳转页面
Dec 13 Javascript
JavaScript去除空格的三种方法(正则/传参函数/trim)
Feb 06 Javascript
jQuery取得设置清空select选择的文本与值
Jul 08 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
javascript验证手机号和实现星号(*)代替实例
Aug 16 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
Vue实现根据hash高亮选项卡
May 27 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
Element-ui 自带的两种远程搜索(模糊查询)用法讲解
Jan 29 Javascript
小程序自定义轮播图圆点组件
Jun 25 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判断变量的函数
2012/04/24 PHP
完美解决thinkphp验证码出错无法显示的方法
2014/12/09 PHP
PHP微信模板消息操作示例
2017/06/29 PHP
php JWT在web端中的使用方法教程
2018/09/06 PHP
PHP大文件分割分片上传实现代码
2020/12/09 PHP
FormValid0.5版本发布,带ajax自定义验证例子
2007/08/17 Javascript
top.location.href 没有权限 解决方法
2008/08/05 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
2009/12/07 Javascript
BOM与DOM的区别分析
2010/10/26 Javascript
js获取单选框或复选框值及操作
2012/12/18 Javascript
js实现省市联动效果的简单实例
2014/02/10 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
2015/11/18 Javascript
深入浅出 jQuery中的事件机制
2016/08/23 Javascript
js 作用域和变量详解
2017/02/16 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
在Vue.js中使用Mixins的方法
2017/09/12 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
基于python时间处理方法(详解)
2017/08/14 Python
python监控进程脚本
2018/04/12 Python
Python调用C++,通过Pybind11制作Python接口
2018/10/16 Python
python3 selenium自动化测试 强大的CSS定位方法
2019/08/23 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
美国学校用品、教室和教学商店:Discount School Supply
2018/04/04 全球购物
PHP数据运算类型都有哪些
2013/11/05 面试题
学前教育毕业生自荐信范文
2013/12/24 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
毕业实习感受与体会
2015/05/26 职场文书
理想国读书笔记
2015/06/25 职场文书
2016年安康杯竞赛活动总结
2016/04/05 职场文书
Java并发编程之Executor接口的使用
2021/06/21 Java/Android
vue.js Router中嵌套路由的实用示例
2021/06/27 Vue.js
css3 选择器
2022/05/11 HTML / CSS