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列表拖动排列(由项目提取相当好用)
Jun 17 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
npm国内镜像 安装失败的几种解决方案
Jun 04 Javascript
vue环境搭建简单教程
Nov 07 Javascript
基于React Native 0.52实现轮播图效果
Aug 25 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
详解vue中this.$emit()的返回值是什么
Apr 07 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
Vue路由前后端设计总结
Aug 06 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
JS forEach跳出循环2种实现方法
Jun 24 Javascript
理解JavaScript中的Proxy 与 Reflection API
Sep 21 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
国内咖啡文化
2021/03/03 咖啡文化
在Windows版的PHP中使用ADO
2006/10/09 PHP
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
简单PHP会话(session)说明介绍
2016/08/21 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
javascript 对象的定义方法
2007/01/10 Javascript
用JS实现一个页面多个css样式实现
2008/05/29 Javascript
Javascript !!的作用
2008/12/04 Javascript
javascript 保存文件到本地实现方法
2012/11/29 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
jquery弹出层类代码分享
2013/12/27 Javascript
JavaScript onkeypress事件入门实例(按下或按住一个键盘按键)
2014/10/17 Javascript
node+express+jade制作简单网站指南
2014/11/26 Javascript
vue.js实现单选框、复选框和下拉框示例
2017/07/18 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
解决node修改后需频繁手动重启的问题
2018/05/13 Javascript
Vue不能检测到Object/Array更新的情况的解决
2018/06/26 Javascript
ES6 Map结构的应用实例分析
2019/06/26 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
python字符串连接方法分析
2016/04/12 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
详解python3安装pillow后报错没有pillow模块以及没有PIL模块问题解决
2019/04/17 Python
python 读取修改pcap包的例子
2019/07/23 Python
春节到了 教你使用python来抢票回家
2020/01/06 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
Python 使用office365邮箱的示例
2020/10/29 Python
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
临床医学大学生求职信
2013/09/28 职场文书
优秀导游先进事迹材料
2014/01/25 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
民事诉讼代理授权委托书范本
2014/10/08 职场文书
2014年大学班级工作总结
2014/11/14 职场文书
世界文化遗产导游词
2015/02/13 职场文书
春节慰问信范文
2015/02/15 职场文书
2015年政府采购工作总结
2015/05/21 职场文书
Nginx虚拟主机的搭建的实现步骤
2022/01/18 Servers