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 相关文章推荐
不同浏览器对回车提交表单的处理办法
Feb 13 Javascript
ASP 过滤数组重复数据函数(加强版)
May 31 Javascript
javascript 进阶篇2 CSS XML学习
Mar 14 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
通过命令行生成vue项目框架的方法
Jul 12 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
详解小程序缓存插件(mrc)
Aug 17 Javascript
jQuery pagination分页示例详解
Oct 23 jQuery
Three.js实现简单3D房间布局
Dec 30 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 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
广告显示判断
2006/08/31 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
JavaScript获得url所有参数键值表的方法
2015/03/21 Javascript
jquery中trigger()无法触发hover事件的解决方法
2015/05/07 Javascript
微信+angularJS的SPA应用中用router进行页面跳转,jssdk校验失败问题解决
2016/09/09 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
jQuery实现移动端Tab选项卡效果
2017/03/15 Javascript
理解 Node.js 事件驱动机制的原理
2017/08/16 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
vue.js模仿京东省市区三级联动的选择组件实例代码
2017/11/22 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
js实现验证码功能
2020/07/24 Javascript
Echarts.js无法引入问题解决方案
2020/10/30 Javascript
[01:20]DOTA2更新全新英雄 天涯墨客现已加入游戏
2018/08/25 DOTA
python 中的列表解析和生成表达式
2011/03/10 Python
python将MongoDB里的ObjectId转换为时间戳的方法
2015/03/13 Python
TensorFlow变量管理详解
2018/03/10 Python
python使用RNN实现文本分类
2018/05/24 Python
Pytorch Tensor 输出为txt和mat格式方式
2020/01/03 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
python中Django文件上传方法详解
2020/08/05 Python
详解Scrapy Redis入门实战
2020/11/18 Python
Bibloo奥地利:购买女装、男装、童装、鞋和配件
2018/10/18 全球购物
大学生在校学习的自我评价
2014/02/18 职场文书
贷款委托书范本
2014/04/08 职场文书
学校与家长安全责任书
2014/07/23 职场文书
中队活动总结
2014/08/27 职场文书
个人学习总结范文
2015/02/15 职场文书
城管个人总结
2015/02/28 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android
MySQL中IO问题的深入分析与优化
2022/04/02 MySQL