javascript onbeforeunload事件用法源码下载

当前位置：首页 > 代码实例 > html5 css3代码分类 > bootstrap > javascript onbeforeunload事件用法源码下载

当离开页面你的时候会触发此事件，触发此事件的条件有很多，下面做一下简单罗列。

触发条件如下:

1.关闭浏览器窗口。

2.刷新网页。

3.关闭当前网页选项卡（在一些第三方浏览器不一定，比如360，最好自己测试一下）。

4.使用window.location.href跳转。

上面是比较常见的几种方式，可能还有其他的方式，大家可以自行总结。

浏览器兼容:

1.完美兼容IE、谷歌和Safari浏览器。

2.火狐浏览器不支持自定义文本提示。

3.Opera不支持此事件。

特别说明:

在IE6和IE7浏览器中点击如下链接也会触发事件:

[ bootstrap ] 运行代码下载代码

<script>
<a  href="javascript:void(0)">51前端</a>
</script>

解决方案很简单，就是让此链接的onclick事件处理函数返回值false。

代码实例:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript"> 
window.onbeforeunload=function(){
  var warning="确认退出?";           
  return warning;   
}
window.onload=function(){
  var obt=document.getElementById("bt");
  obt.onclick=function(){
    window.open("http://www.softwhy.com/")
  }
}
</script> 
</head> 
<body> 
<input type="button" id="bt" value="查看效果"/>
</body> 
</html>

代码描述：javascript onbeforeunload事件用法。javascript onbeforeunload事件用法源码下载

下载全部收藏

136 181

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册