js窗口关闭提示信息(兼容IE和firefox)

 更新时间:2015年10月23日 14:39:47   投稿:lijiao  
这篇文章主要介绍了当关闭窗口的时候,显示窗口提示信息,友好的进行提示,防止丢失重要信息,需要的朋友可以参考一下

很多时候,在浏览网页时,我们需要考虑用户不小心时关闭窗口的情况,特别是当用户有很重要的数据还没有保存,我们的程序有必要对用户进行提醒。这个时候我们可以通过是用javascript window.onbeforeunload() 这个方法来阻止用户关闭窗口,见如下这个例子:

<script type="text/javascript">
  window.onbeforeunload=function(event){
    return 'hello';
  }
</script>

这样当用户按了关闭按钮时,便会弹出如下这个窗口(这个是兼容IE和firefox的):

其中"Hello"是返回值,当你按了取消时是不会关闭页面的,只有按了确定才会。返回值是少不了的,哪怕是空,否则不会作任何提示便关闭页面。其实只要是调用了window.close()都会执行onbeforeunload()函数,由此我们可以知道,按关闭按钮会执行window.close()函数,而window.close()里面也调用了window.onbeforeunload()函数。

有了这个小技巧,大家再也不用担心不小心误关窗口造成的损失了,希望大家喜欢这篇文章。

相关文章

  • JS实现动态给标签控件添加事件的方法示例

    JS实现动态给标签控件添加事件的方法示例

    这篇文章主要介绍了JS实现动态给标签控件添加事件的方法,结合实例形式分析了javascript简单实现动态添加事件的相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • script标签属性type与language使用选择

    script标签属性type与language使用选择

    很多使用javascript的朋友都有着这样一个问题:script标签属性type与language使用应如何选择,为解决此疑惑,本文详细整理了一下,需要的朋友可以参考下
    2012-12-12
  • 一段多浏览器的"复制到剪贴板"javascript代码

    一段多浏览器的"复制到剪贴板"javascript代码

    一段多浏览器的"复制到剪贴板"javascript代码...
    2007-03-03
  • 值得学习的bootstrap fileinput文件上传工具

    值得学习的bootstrap fileinput文件上传工具

    这篇文章主要分享了一款值得大家学习的bootstrap fileinput文件上传工具,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 微信小程序之间的参数传递、获取的操作方法

    微信小程序之间的参数传递、获取的操作方法

    这篇文章主要介绍了微信小程序中如何获取和传递参数,包括获取当前页面参数、单独input文本框参数的获取、表单获取参数信息、点击表格单元格信息获取行ID以及前端页面跳转传递多个参数等,感兴趣的朋友跟随小编一起看看吧
    2025-01-01
  • 微信小程序自定义日期选择器

    微信小程序自定义日期选择器

    这篇文章主要为大家详细介绍了微信小程序自定义日期选择器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下<BR>
    2022-01-01
  • JavaScript之String常见的方法详解

    JavaScript之String常见的方法详解

    这篇文章主要为大家介绍了JavaScript之String常见的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • javascript 闭包详解

    javascript 闭包详解

    这篇文章主要详细介绍了javascript 闭包的相关资料,十分详尽,需要的朋友可以参考下
    2015-02-02
  • JavaScript prototype对象的属性说明

    JavaScript prototype对象的属性说明

    JavaScript中对象的prototype属性,是用来返回对象类型原型的引用的。我们使用prototype属性提供对象的类的一组基本功能。并且对象的新实例会”继承”赋予该对象原型的操作。但是这个prototype到底是怎么实现和被管理的呢?
    2010-03-03
  • Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    Layer组件多个iframe弹出层打开与关闭及参数传递的方法

    今天小编就为大家分享一篇Layer组件多个iframe弹出层打开与关闭及参数传递的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09

最新评论