之前可以通过window.navigator.onLine来检测,用户当前的网络状态,返回的是一个布尔值,但不同的浏览器之间会存在差异,所以HTML5提供了两个新事件
online用户网络连接的时候被调用
offline用户网络断开的时候被调用
注意:【他们监听的对象都是window】
用法如下:
//当网络连接的时候,输出
window.addEventListener('online',function(){
console.log("网络已经链接");
})
// 当网络未连接的时候 输出
window.addEventListener("offline",function(){
console.log("网络未链接");
})