之前可以通過window.navigator.onLine來檢測,用戶當前的網絡狀態,返回的是一個布爾值,但不同的瀏覽器之間會存在差異,所以HTML5提供了兩個新事件
online用戶網絡連接的時候被調用
offline用戶網絡斷開的時候被調用
注意:【他們監聽的對象都是window】
用法如下:
//當網絡連接的時候,輸出
window.addEventListener('online',function(){
console.log("網絡已經鏈接");
})
// 當網絡未連接的時候 輸出
window.addEventListener("offline",function(){
console.log("網絡未鏈接");
})