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 相关文章推荐
jscript之Read an Excel Spreadsheet
Jun 13 Javascript
Javascript实现滑块滑动改变值的实现代码
Apr 12 Javascript
JavaScript中window、doucment、body的解释
Aug 14 Javascript
JS取request值以及自动执行使用示例
Feb 24 Javascript
浅谈JavaScript实现面向对象中的类
Dec 09 Javascript
JS控制伪元素的方法汇总
Apr 06 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
新版小程序登录授权的方法
Dec 12 Javascript
JavaScript原型对象原理与应用分析
Dec 27 Javascript
js canvas实现5张图片合成一张图片
Jul 15 Javascript
只有 20 行的 JavaScript 模板引擎实例详解
May 11 Javascript
js实现翻牌小游戏
Jul 31 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
星际争霸中的热键
2020/03/04 星际争霸
PHP登录验证码的实现与使用方法
2016/07/07 PHP
php7 参数、整形及字符串处理机制修改实例分析
2020/05/25 PHP
javascript 硬盘序列号+其它硬件信息
2008/12/23 Javascript
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
优化javascript的执行速度
2010/01/23 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
javascript实现图像循环明暗变化的方法
2015/02/25 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
JavaScript截取、切割字符串的技巧
2016/01/07 Javascript
React Native自定义控件底部抽屉菜单的示例
2018/02/08 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
vue.js实现的绑定class操作示例
2018/07/06 Javascript
详解Vue组件之作用域插槽
2018/11/22 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
vue学习之Vue-Router用法实例分析
2020/01/06 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
2020/05/09 Javascript
通过js随机函数Math.random实现乱序
2020/05/19 Javascript
详解Python之unittest单元测试代码
2018/01/24 Python
python微信跳一跳游戏辅助代码解析
2018/01/29 Python
解决在pycharm运行代码,调用CMD窗口的命令运行显示乱码问题
2019/08/23 Python
Python 复平面绘图实例
2019/11/21 Python
python连接mongodb集群方法详解
2020/02/13 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
营销总经理岗位职责
2014/02/02 职场文书
2014年幼儿园元旦活动方案
2014/02/13 职场文书
气象学专业个人求职信
2014/04/22 职场文书
村容村貌整治方案
2014/05/21 职场文书
标准单位租车协议书
2014/09/23 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
乌镇导游词
2015/02/02 职场文书
2015年办公室个人工作总结
2015/04/20 职场文书
暂住证明怎么写
2015/06/19 职场文书
幼儿园体操比赛口号
2015/12/25 职场文书