关闭浏览器时提示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 相关文章推荐
jQuery 位置插件
Dec 25 Javascript
Jquery 基础学习笔记
May 29 Javascript
JavaScript 入门基础知识 想学习js的朋友可以参考下
Dec 26 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
Aug 08 Javascript
javascript读取xml实现javascript分页
Dec 13 Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
Mar 01 Javascript
jQuery插件zTree实现删除树节点的方法示例
Mar 08 Javascript
基于element-ui组件手动实现单选和上传功能
Dec 06 Javascript
vue 设置 input 为不可以编辑的实现方法
Sep 19 Javascript
基于Nuxt.js项目的服务端性能优化与错误检测(容错处理)
Oct 23 Javascript
vue 扩展现有组件的操作
Aug 14 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
php实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
php实现图片上传时添加文字和图片水印技巧
2020/04/18 PHP
使用jscript实现二进制读写脚本代码
2008/06/09 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
用js正确判断用户名cookie是否存在的方法
2014/01/28 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
JavaScript中清空数组的方法总结
2016/12/02 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
2017/03/07 Javascript
vue使用drag与drop实现拖拽的示例代码
2017/09/07 Javascript
JS+Canvas绘制动态时钟效果
2017/11/10 Javascript
Electron 如何调用本地模块的方法
2019/02/01 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
2019/07/18 Javascript
vue实现表格过滤功能
2019/09/27 Javascript
three.js利用gpu选取物体并计算交点位置的方法示例
2019/11/25 Javascript
Python基于高斯消元法计算线性方程组示例
2018/01/17 Python
django在接受post请求时显示403forbidden实例解析
2018/01/25 Python
Python自动化运维之Ansible定义主机与组规则操作详解
2019/06/13 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
Pandas时间序列:重采样及频率转换方式
2019/12/26 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
Python Django中间件使用原理及流程分析
2020/06/13 Python
详解python中的异常捕获
2020/12/15 Python
html5实现canvas阴影效果示例
2014/05/07 HTML / CSS
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
医学毕业生自荐信
2013/10/11 职场文书
女大学生个人求职信
2013/12/09 职场文书
论文诚信承诺书
2014/05/23 职场文书
工作岗位职责范本
2015/02/15 职场文书
篮球赛闭幕式主持词
2015/07/03 职场文书
教师学习十八届五中全会精神心得体会
2016/01/05 职场文书