javascript中判断网络连接状态

最新推荐文章于 2025-06-10 00:22:10 发布

原创最新推荐文章于 2025-06-10 00:22:10 发布 · 867 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何利用H5的navigator方法判断网络连接状态，包括使用window.navigator.onLine属性检查网络是否在线，并通过监听'online'和'offline'事件实时更新网络状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

判断网络连接的状态一般使用h5中的navigator方法

<script type="text/javascript">
   alert(window.navigator.onLine);//true,用于检测联络的链接，返回的时布尔类型
  </script>

使用online和offline监听浏览器的联网状态

<script type="text/javascript">
   $(function(){
    window.addEventListener('online',function(){
     $('.p1').text('网络已连接').fadeIn(1000).delay(1000).fadeOut();
    });
    window.addEventListener('offline',function(){
     $('.p1').text('网络已断开').fadeIn().delay(1000).fadeOut();
    })
   })
  </script>

此方法只能去判断网络是否连接，只有在网络断开或者连接的瞬间才会被触发