javascript实现页面关闭前提示是否关闭

  作者:bea

在许多软件下载站这种情况见得最多了,进入一个软件的下载界面,当软件开始下载的时候,这个下载页面提示你浏览器正在试图关闭这个页面,问你是否要关闭。我们用Javascript来实现页面关闭前提示是否关闭这一功能。 主流的浏览器都支持onbeforeunload事件(即页面卸载前触发的事件),而现在大多网站都用到了此功能。 实现起来比较简单代码如下: window.onbeforeunload = function() { return "确定离开页面吗?&q
在许多软件下载站这种情况见得最多了,进入一个软件的下载界面,当软件开始下载的时候,这个下载页面提示你浏览器正在试图关闭这个页面,问你是否要关闭。我们用Javascript来实现页面关闭前提示是否关闭这一功能。

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

猜你喜欢