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 相关文章推荐
Expandable &quot;Detail&quot; Table Rows
Aug 29 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
Sep 27 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
js实现按钮颜色渐变动画效果
Aug 20 Javascript
jquery+css实现的红色线条横向二级菜单效果
Aug 22 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
基于ajax和jsonp的原生封装(实例)
Oct 16 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
vuex刷新后数据丢失的解决方法
Oct 18 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&amp;MYSQL分页原理及实现
2007/01/02 PHP
destoon网站转移服务器后搜索汉字出现乱码的解决方法
2014/06/21 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
关于setInterval、setTimeout在jQuery中的使用注意事项
2011/09/28 Javascript
jquery实现更改表格行顺序示例
2014/04/30 Javascript
js生成的验证码的实现与技术分析
2014/09/17 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
js拖拽功能实现代码解析
2016/11/28 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
2018/08/06 Javascript
vue element-ui实现input输入框金额数字添加千分位
2019/12/29 Javascript
Nodejs封装类似express框架的路由实例详解
2020/01/05 NodeJs
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
[02:45]DOTA2英雄基础教程 伐木机
2013/12/23 DOTA
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
python解析模块(ConfigParser)使用方法
2013/12/10 Python
讲解Python中if语句的嵌套用法
2015/05/14 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
手把手教你用python抢票回家过年(代码简单)
2018/01/21 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
selenium python 实现基本自动化测试的示例代码
2019/02/25 Python
python使用time、datetime返回工作日列表实例代码
2019/05/09 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
浅谈TensorFlow中读取图像数据的三种方式
2020/06/30 Python
中国一家专注拼团的社交购物网站:拼多多
2018/06/13 全球购物
应届生会计求职信
2013/11/11 职场文书
四个太阳教学反思
2014/02/01 职场文书
工伤赔偿协议书范本
2014/04/15 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
2014年教学管理工作总结
2014/12/02 职场文书
物业保洁员岗位职责
2015/02/13 职场文书
爱护环境卫生倡议书
2015/04/29 职场文书
详解Java ES多节点任务的高效分发与收集实现
2021/06/30 Java/Android