navigator.onLine 是一个值为 true/false (true 表示在线， false 表示离线) 的属性。。当浏览器从在线与离线状态中切换时，会触发「online」与「offline」这两个事件，这两个事件会在页面的 <body> 上触发。此外，该事件会从 document.body 冒泡到 document 上，最后到达 window。两个事件都无法被取消(你无法阻止用户进入在线或离线状态)。
<script> function updateOnlineStatus(event) { var condition = navigator.onLine ? "online" : "offline"; console.log("Event: " + event.type + "; Status: " + condition); } window.addEventListener("offline", updateOnlineStatus) window.addEventListener("online", updateOnlineStatus) </script>
只有网络状态变化时，此事件才会触发
原文：https://www.cnblogs.com/xqzi/p/10567044.html