如何用 JavaScript 检测浏览器是否在线或离线？

要使用 JavaScript 检测浏览器是处于在线还是离线状态，可以使用以下代码：

示例

 在线演示

<!DOCTYPE html>
<html>
<body>
<h1>Online or offline with JavaScript example</h1>
<h2>Click the button below to check if you are online or not</h2>
<button onclick="checkOnlineOffline()">Check online/offline</button>
<h2 class="sample"></p>
<script>
   function checkOnlineOffline() {
      if(navigator.onLine===true){
         document.querySelector('.sample').innerHTML = "You are connected to internet"
      } else {
         document.querySelector('.sample').innerHTML = "You are not connected to internet"
      }
   }
</script>
</body>
</html>

输出

上述代码将生成以下输出：

点击“检查在线/离线”按钮：

更新于：2020 年 5 月 8 日

已有 365 人次浏览

开启你的 事业

完成本课程即可获得认证

开始
广告