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 相关文章推荐
预加载css或javascript的js代码
Apr 23 Javascript
为radio类型的INPUT添加客户端脚本(附加实现JS来禁用onClick事件思路代码)
Nov 11 Javascript
JavaScript Array Flatten 与递归使用介绍
Oct 30 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
Sep 01 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
js随机生成26个大小写字母
Feb 12 Javascript
jQuery hover事件简单实现同时绑定2个方法
Jun 07 Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 Javascript
JS同步、异步、延迟加载的方法
May 05 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
Aug 01 Javascript
jQuery 动态粒子效果示例代码
Jul 07 jQuery
vue组件中传值EventBus的使用及注意事项说明
Nov 16 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生成Flash动画的实现代码
2010/03/12 PHP
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
浅谈web上存漏洞及原理分析、防范方法(文件名检测漏洞)
2013/06/29 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
PHP设计模式之装饰器模式定义与用法详解
2018/04/02 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
js跑马灯代码(自写)
2013/04/17 Javascript
jQuery拖动div、移动div、弹出层实现原理及示例
2014/04/08 Javascript
图片放大镜jquery.jqzoom.js使用实例附放大镜图标
2014/06/19 Javascript
JavaScript中数据类型转换总结
2016/12/25 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
2017/09/11 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
微信小程序云开发之数据库操作
2019/05/18 Javascript
小程序input数据双向绑定实现方法
2019/10/17 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
Python3基于sax解析xml操作示例
2018/05/22 Python
Django 浅谈根据配置生成SQL语句的问题
2018/05/29 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
GoPro摄像机美国官网:美国运动相机厂商
2018/07/03 全球购物
台湾专柜女包:KINAZ
2019/12/26 全球购物
欧姆龙医疗保健与医疗产品:Omron Healthcare
2020/02/10 全球购物
Shell脚本如何向终端输出信息
2014/04/25 面试题
大学军训自我鉴定
2013/12/15 职场文书
婚礼主持词
2014/03/13 职场文书
临床护理求职信
2014/04/26 职场文书
教师学习八项规定六项禁令思想汇报
2014/09/27 职场文书
2015年安全月活动总结
2015/03/26 职场文书
花木兰观后感
2015/06/10 职场文书
素质教育学习心得体会
2016/01/19 职场文书
60句有关成长的名言
2019/09/04 职场文书
元素水平垂直居中的方式
2021/03/31 HTML / CSS
Nginx反向代理多个服务器的实现方法
2021/03/31 Servers