用 Js检测浏览器是否在线

本文详细介绍了如何使用navigator.onLine属性及online和offline事件来检测浏览器的网络状态,包括在线和离线状态的判断,并提供了多种事件注册方式。

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

无论浏览器是否在线,navigator.onLine 属性都会提供一个布尔值。 如果浏览器在线,则设置为 true ,否则设置为 false 

if(navigator.onLine) { // true|false
        // ...
    }

online 和 offline 事件:

  当浏览器脱机或上线时,浏览器还支持 online 和 offline 事件

window.addEventListener('online', function(e){console.log('online')});
window.addEventListener('offline', function(e){console.log('offline');});

  你可以使用几种熟悉的方式来注册事件:

  • 在 windowdocument,或 document.body 上使用 addEventListener
  • 将 document 或 document.body 的 ononline 或 onoffline 属性设置为一个 JavaScript Function 对象。(注意:由于兼容性原因,不能使用 window.ononline 或 window.onoffline。)
  • 在 HTML 标记中的 body 标签上指定 οnοnline=”…” 或 οnοffline=”…” 特性。

  注意事项:

  • IE8中需要给document.body绑定事件而不是window
  • 在线离线的变化指的是物理上的网络链接变化,如果是在控制台将网络限制为 offline 则不会触发相应的事件。
if(navigator.onLine) { // true|false
    //有网
 }else {
//断网
   alert(2)
   return
 }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值