js窗口关闭提示信息(兼容IE和firefox)


Posted in Javascript onOctober 23, 2015

很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这个时候我们可以通过是用javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子:

<script type="text/javascript">
  window.onbeforeunload=function(event){
    return 'hello';
  }
</script>

这样当用户按了关闭按钮时,便会弹出如下这个窗口(这个是兼容IE和firefox的):

js窗口关闭提示信息(兼容IE和firefox)

其中"Hello"是返回值,当你按了取消时是不会关闭页面的,只有按了确定才会。返回值是少不了的,哪怕是空,否则不会作任何提示便关闭页面。其实只要是调用了window.close()都会执行onbeforeunload()函数,由此我们可以知道,按关闭按钮会执行window.close()函数,而window.close()里面也调用了window.onbeforeunload()函数。

有了这个小技巧,大家再也不用担心不小心误关窗口造成的损失了,希望大家喜欢这篇文章。

Javascript 相关文章推荐
JavaScript 闭包深入理解(closure)
May 27 Javascript
JavaScript中的setUTCDate()方法使用详解
Jun 11 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
浅谈super-vuex使用体验
Jun 25 Javascript
koa上传excel文件并解析的实现方法
Aug 09 Javascript
利用原生JS实现data方法示例代码
May 28 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
javascript跨域的方法汇总
Oct 23 #Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 #Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 #Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 #Javascript
深入浅析javascript立即执行函数
Oct 23 #Javascript
js判断手机号运营商的方法
Oct 23 #Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
Oct 23 #Javascript
You might like
php简单提示框alert封装函数
2010/08/08 PHP
php 文件上传实例代码
2012/04/19 PHP
基于PHPexecl类生成复杂的报表表头示例
2016/10/14 PHP
有效的捕获JavaScript焦点的方法小结
2009/10/08 Javascript
JS面向对象编程浅析
2011/08/28 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
JS实现随机数生成算法示例代码
2013/08/08 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
javascript中的遍历for in 以及with的用法
2014/12/22 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
js实现九宫格拼图小游戏
2017/02/13 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
nodejs之get/post请求的几种方式小结
2017/07/26 NodeJs
原生实现一个react-redux的代码示例
2018/06/08 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
一些可能会用到的Node.js面试题
2019/06/15 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
用Python代码来绘制彭罗斯点阵的教程
2015/04/03 Python
详谈Python基础之内置函数和递归
2017/06/21 Python
Python中按键来获取指定的值
2019/03/02 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
详解python中list的使用
2019/03/15 Python
详解python3中用HTMLTestRunner.py报ImportError: No module named 'StringIO'如何解决
2019/08/27 Python
Django 简单实现分页与搜索功能的示例代码
2019/11/07 Python
Python-opencv 双线性插值实例
2020/01/17 Python
详解Django ORM引发的数据库N+1性能问题
2020/10/12 Python
h5封装下拉刷新
2020/08/25 HTML / CSS
美国机场停车位预订:About Airport Parking
2018/03/26 全球购物
怎样创建、运行java程序
2014/08/01 面试题
科技开发中心办公室主任岗位责任制
2014/02/10 职场文书
舞蹈毕业生的自我评价
2014/03/05 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
2019年预备党员的思想汇报:加深对党的认知
2019/09/25 职场文书