html5 网络状态
2016-02-12 14:27
218 查看
我们可以通过
注意：这里面的
window.online用户网络连接时被调用；
window.offline用户网络断开时被调用；
（注意：这里的
这里再补充一下绑定事件的方法：第三种方法就是通过.addEventListener来帮绑定；
但是在IE低版本下是不支持addEventListener()的，需要用attachEvent()来代替；
实例：
window.navigator.onLine来检测用户当前的网络状态，返回一个布尔值；
注意：这里面的
.onLine是
window.navigator对象的一个属性；
window.online用户网络连接时被调用；
window.offline用户网络断开时被调用；
（注意：这里的
online、offline是
window对象的绑定的事件类型）
这里再补充一下绑定事件的方法：第三种方法就是通过.addEventListener来帮绑定；
但是在IE低版本下是不支持addEventListener()的，需要用attachEvent()来代替；
实例：
<style>
body{margin:0;pading:0;background-color:#f7f7f7;}
.p{width:200px;height:40px;text-align:center;line-height:40px;color：#333；
font-size:24px;display:none}
</style>
<body>
<p class="tips"></p>
</body>
<script src="jquery.min.js"></script>
<script>
//网络监听的事件；
//监听当前用户是否在线，通过window.navigator对象的.onLine属性来返回一个布尔值来进行判断；
//alert(window.navigator.onLine);
if(window.navigator.onLine){
alert('网络连接中');
}else{
alert('网络断开中');
}
//通过给window绑定online、offline事件来实现网络连接或断开时的事件；
window.addEventListener('online',function(){
$('.tips').text('网络已连接').fadeIn(500).delay(1000).fadeOut();
});
window.addEventListener('offline',function(){
$('.tips').text('网络已断开').fadeIn(500).delay(1000).fadeOut();
});
//iE低版本用attachEvent()来代替addEventListener();
window.attachEvent('online',function(){
$('.tips').text('网络已连接').fadeIn(500).delay(1000).fadeOut();
});
</script>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 