`

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

阅读更多

    主流的浏览器都支持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后面的内容将作为是否离开页面的提示.

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics