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 相关文章推荐
基于jquery实现的鼠标滑过按钮改变背景图片
Jul 15 Javascript
jQuery源码解读之addClass()方法分析
Feb 20 Javascript
Angularjs 实现分页功能及示例代码
Sep 14 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
ReactJS实现表单的单选多选和反选的示例
Oct 13 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
详解在vue-test-utils中mock全局对象
Nov 07 Javascript
使用vue打包进行云服务器上传的问题
Mar 02 Javascript
bootstrap-closable-tab可实现关闭的tab标签页插件
Aug 09 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版淘宝网查询商品接口代码示例
2014/06/17 PHP
jQuery.autocomplete 支持中文输入(firefox)修正方法
2011/03/10 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
JS cookie中文乱码解决方法
2014/01/28 Javascript
js的hasownproperty使用示例
2014/03/02 Javascript
一行命令搞定node.js 版本升级
2014/07/20 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
JavaScript中property和attribute的区别详细介绍
2015/03/03 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
angular将html代码输出为内容的实例
2018/09/30 Javascript
JS浮点数运算结果不精确的Bug解决
2019/08/01 Javascript
Nuxt默认模板、默认布局和自定义错误页面的实现
2020/05/11 Javascript
uniapp实现可以左右滑动导航栏
2020/10/21 Javascript
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
Python中类的初始化特殊方法
2017/12/01 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
Python logging管理不同级别log打印和存储实例
2018/01/19 Python
python三引号输出方法
2019/02/27 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
css3 clip实现圆环进度条的示例代码
2018/02/07 HTML / CSS
html5 Canvas画图教程(9)—canvas中画出矩形和圆形
2013/01/09 HTML / CSS
Spartoo比利时:欧洲时尚购物网站
2017/12/06 全球购物
村级四风对照检查材料
2014/08/24 职场文书
2014年入党积极分子学习三中全会思想汇报
2014/09/13 职场文书
考试作弊检讨书
2014/10/21 职场文书
淘宝好评语句大全
2014/12/31 职场文书
警示教育片观后感
2015/06/17 职场文书
2016年优秀共产党员先进事迹材料
2016/02/29 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
Redis 哨兵机制及配置实现
2022/03/25 Redis
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python