浏览器在离开页面时弹出确认对话框和取消对话框

千一网络 56 0
广告

onbeforeunload-离开网页前提示(确认)

很幸运,在 IE、Firefox、Chrome 等浏览器中均支持。

  1. window.onbeforeunload = function() {
  2.     return "文章还没有保存,您确定退出吗?"// return 这句必不可少
  3. }

把上述 JavaScript 代码插入网页后,前进、后退、刷新、访问新的网址、关闭窗口……时,将会得到提示。

IE 中的提示

浏览器在离开页面时弹出确认对话框和取消对话框

英文版 Firefox 中的提示

浏览器在离开页面时弹出确认对话框和取消对话框

Chrome 中的提示

浏览器在离开页面时弹出确认对话框和取消对话框

取消

根据我们的应用,可能是某些情况下(比如文章没有保存)退出需要提示,但某些情况下(比如文章已经保存)就不需要提示了,此时将 window.onbeforeunload 设置为 null 就可以了。

  1. window.onbeforeunload = function() {
  2.     return null;
  3. }

原文地址:http://www.cftea.com/c/2009/10/PIJQ5QI2KGPO88HF.asp

发表评论 取消回复
表情 图片 链接 代码

分享