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后面的内容将作为是否离开页面的提示。 有用 | 无用
主流的浏览器都支持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后面的内容将作为是否离开页面的提示。 有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript写的一个页面日历效果
- Javascript写的倒计时效果代码
- Javascirpt文件置于网页底部不见得好
- Jquery滑动鼠标图片放大缩小效果
- 导航菜单地址与URL相同时js实现高亮
- Jquery中setInterval、setTimeout注意事项
- Windows系统上安装Node.js模块的方法
- js实现最简单的图片切换效果
- 点击超链接禁止跳到顶部解决办法
- web脚本语言与编程语言的就业趋势
- JS实现右下脚弹出模仿MSN或QQ消息提示
- Javascript实现复选框全选
- Javascript验证用户提交的表单
- Javascript设置和读取cookie中的值
- 快速提高页面加载速度的完美方法
- 常用的一些Javascript功能总结
- Ajax实现验证用户填写的登录信息
- javascript操作HTML标签select
- 非常好的一个Javascript下拉菜单