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下判断是否为闰年的Datetime包
Oct 26 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
js判断选择的时间是否大于今天的代码
Aug 20 Javascript
通过url查找a元素应用案例
Apr 29 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
基于vue.js快速搭建图书管理平台
Oct 29 Javascript
JS实现显示当前日期的实例代码
Jul 03 Javascript
微信小程序实现登录遮罩效果
Nov 01 Javascript
微信小程序自定义可滑动日历界面
Dec 28 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 Javascript
JavaScript实现飞舞的泡泡效果
Feb 07 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获得当前的脚本网址
2007/12/10 PHP
php二分查找二种实现示例
2014/03/12 PHP
php注册登录系统简化版
2020/12/28 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
PHP钩子实现方法解析
2019/05/21 PHP
Javascript 错误处理的几种方法
2009/06/13 Javascript
JavaScript聚焦于第一个字段的代码
2010/10/15 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
2014/07/02 Javascript
js简单抽奖代码
2015/01/16 Javascript
SuperSlide标签切换、焦点图多种组合插件
2015/03/14 Javascript
Bootstrap项目实战之首页内容介绍(全)
2016/04/25 Javascript
基于jQuery实现的幻灯图片切换
2016/12/02 Javascript
bootstrap 表单验证使用方法
2017/01/11 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
JS使用tofixed与round处理数据四舍五入的区别
2017/10/25 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
利用Python读取文件的四种不同方法比对
2017/05/18 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
利用Python如何制作好玩的GIF动图详解
2018/07/11 Python
python模拟菜刀反弹shell绕过限制【推荐】
2019/06/25 Python
Python中使用aiohttp模拟服务器出现错误问题及解决方法
2020/10/31 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
Bergfreunde丹麦:登山装备网上零售商
2017/02/26 全球购物
关于VPN
2012/06/10 面试题
Java程序员面试题
2013/07/15 面试题
电子商务专业学生职业生涯规划
2014/03/07 职场文书
《独坐敬亭山》教学反思
2014/04/08 职场文书
小学二年级评语
2014/04/21 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
保研推荐信范文
2015/03/25 职场文书
《青山不老》教学反思
2016/02/22 职场文书
pycharm无法安装cv2模块问题
2022/05/20 Python