关闭浏览器时提示onbeforeunload事件

 更新时间:2013年12月25日 15:28:43   作者:  
这篇文章主要介绍了关闭浏览器时提示onbeforeunload事件,有需要的朋友可以参考一下

onbeforeunload事件 它是这样用的:

复制代码 代码如下:

<script language="javascript"> 
    g_blnCheckUnload = true; 
    function RunOnBeforeUnload() {     
        if (g_blnCheckUnload) {
        window.event.returnValue = 'You will lose any unsaved content';       
        }   
    }
</script>
<body  onbeforeunload="RunOnBeforeUnload()">
</body>

这样每次关闭浏览器窗口或涮新页面时,都要触发onbeforeunload这个事件。

摘抄如下:onbeforeunload事件:

注:三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

object.onbeforeunload = handler
<element onbeforeunload = “handler” … ></element>
描述: 事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。 handler可以设一个返回值作为该对话框的显示文本。

触发于:

关闭浏览器窗口
通过地址栏或收藏夹前往其他页面的时候
点击返回,前进,刷新,主页其中一个的时候
点击 一个前往其他页面的url连接的时候
调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
重新赋予location.href的值的时候。
通过input type=”submit”按钮提交一个具有指定action的表单的时候。
可以用在以下元素: BODY, FRAMESET, window

平台支持: IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+

相关文章

  • input 宽度自适应

    input 宽度自适应

    感谢网友“liufabin”提出的关于不支持FF的问题,第一个在FF下经过测试时支持的,第二个中的高度自适应不支持,我在网上找了一个JQUERY的插件
    2009-05-05
  • JS实现骰子3D旋转效果

    JS实现骰子3D旋转效果

    这篇文章主要为大家详细介绍了JS实现骰子3D旋转效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-10-10
  • 微信小程序关键字变色实现代码实例

    微信小程序关键字变色实现代码实例

    这篇文章主要介绍了微信小程序关键字变色实现代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 如何通过递归方法实现用json-diff渲染json字符串对比结果

    如何通过递归方法实现用json-diff渲染json字符串对比结果

    JsonDiff是一个高性能json差异发现工具,它几乎可以发现任何JSON结构的差异,并且将错误信息反馈给用户,下面这篇文章主要给大家介绍了关于如何通过递归方法实现用json-diff渲染json字符串对比结果的相关资料,需要的朋友可以参考下
    2022-12-12
  • bootstrap模态框消失问题的解决方法

    bootstrap模态框消失问题的解决方法

    这篇文章主要为大家详细整理了bootstrap模态框消失不消失各种问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 学做Bootstrap的第一个页面

    学做Bootstrap的第一个页面

    这篇文章主要为大家介绍了学做Bootstrap的第一个页面,这是学bootstrap的第一个页面,还有许多需要改进的地方,希望大家批评指正
    2016-05-05
  • D3.js进阶系列之CSV表格文件的读取详解

    D3.js进阶系列之CSV表格文件的读取详解

    D3.js支持从外部读取数据进行图形交互(Loading External Resources),支持的格式有CSV、txt、Html、tsv、xml文本文件和JSON XML数据结构,下面这篇文章主要给大家介绍了D3.js中CSV表格文件读取的相关资料,需要的朋友可以参考下。
    2017-06-06
  • 基于JavaScript实现一定时间后去执行一个函数

    基于JavaScript实现一定时间后去执行一个函数

    在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的,这也就是一个定时器效果,本文给大家介绍基于JavaScript实现一定时间后去执行一个函数的相关知识,感兴趣的朋友一起学习吧
    2015-12-12
  • javascript中类的定义方式详解(四种方式)

    javascript中类的定义方式详解(四种方式)

    这篇文章主要介绍了javascript中类的定义方式,结合实例形式较为详细的分析了JavaScript中类的四种定义方式,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-12-12
  • 超简单JS二级、多级联动的简单实例

    超简单JS二级、多级联动的简单实例

    本篇文章主要是对超简单JS二级、多级联动的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02

最新评论