JavaScript判断是否网络断了

2025-10-16 13:31:26

1、引用

侦听是否连上网络

window.onLineHandler = function(){ console.log("连上了！")};

侦听是否断开网络

window.offLineHandler = function(){ console.log("断开网络！")};

2、法一：利用online和offline事件

此方法是通过 online 和 offline 事件来侦听是否断网，但是这个在 IE 和 Firefox 中，并非断网了就是真的断网了。（如火狐中在选择菜单>>文件>>脱机工作才会触发 online 和 offline 事件）

总之在IE和Firefox中一般情况下不能触发这俩事件，只有在选择脱机状态下才能触发此事件。

window.addEventListener('load', function() { var status = document.getElementById("status"); function updateOnlineStatus(event) { var condition = navigator.onLine ? "online" : "offline"; status.className = condition; status.innerHTML = condition.toUpperCase(); } window.addEventListener('online', updateOnlineStatus); window.addEventListener('offline', updateOnlineStatus);});

3、方法二：Ajax轮询

你懂的

setInterval(function(){ //Ajax...},1000)

4、方法三：利用IMG的onerror事件

通过轮询生成 IMG 通过 img 的 onerror 事件判断是否断网

此方法弱点就是耗流量（一像素的空gif 轮询一次 1.43KB ）手机上用那就蛋疼了(这个样子就会偷偷跑流量…)。

setInterval(function(){ var $img = $('') $img.appendTo('body').css("display","none").load(function(){ console.log("连接成功！") $(this).remove() }).error(function(){ console.log("断网了！") $(this).remove() })},2000)

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。