当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js 页面关闭前的出现提示的实现代码

发表于: 2012-11-04   作者:BigBird2012   来源:转载   浏览次数:
摘要:     主流的浏览器都支持onbeforeunload事件(即页面卸载前触发的事件),而现在大多网站都用到了此功能     实现起来比较简单如下:     window.onbeforeunload = function() { return "确定离开页面吗?"

    主流的浏览器都支持onbeforeunload事件(即页面卸载前触发的事件),而现在大多网站都用到了此功能
    实现起来比较简单如下:

   

window.onbeforeunload = function() { 
      return "确定离开页面吗?"; 
} 

 

    还有一种写法:

   

window.onbeforeunload = function(event) { 
     (event || window.event).returnValue = "确定退出吗"; 
} 

 

    这个方法chrome和safari不支持,但是由于ie和ff的支持,html5也加入了标准...
    大家都知道浏览器的几种弹出对话框都会阻止事件的往下进行,(如alert,confirm),进一步操作后会继续事件的往下执行
    一般的做法都会这样:

  

window.onbeforeunload = function(event) { 
      return confirm("确定退出吗"); 
} 

 

    而这里会弹出2次,return后面的内容将作为是否离开页面的提示.

js 页面关闭前的出现提示的实现代码

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="a
当关闭浏览器或标签页时执行onbeforeunload方法,此方法适应于大多数浏览器。 <script type="tex
当关闭浏览器或标签页时执行onbeforeunload方法,此方法适应于大多数浏览器。 <script type="tex
SpketDW This is an extension that adds code hints for ExtJS to Dreamweaver, support Dreamweav
目标:关闭eclipse 对于js的自动提示,避免eclipse响应缓慢和崩溃 操作: 1.Windows -->Preference
一、安装配置xdebug 为php安装xdebug扩展,需要下载正确的xdebug版本。可用以下向导页面来判断下载p
先看效果:如上 FlowActivity.java package com.mars; import android.app.Activity; import androi
为了加快arcgis for js的开发效率,esri提供了专用于js开发提示的js文件,但是官网只是说明在vs和ap
效果图: 代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
如果你的JS出现错误,这个代码可以让浏览器不显示错误。 运行效果 <html> <head> <ti
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号