怎样用JavaScript检测离线/在线状态

navigator.onLine

navigator.onLine属机能给我们供给一个布尔值，用来推断会员可否连接了互联网。你可以这样拜访它：

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

没有比这更简便的了！

事件

我们除了能检测这个离线/在线属性值外，还可以绑定offline 和 online事件：

function updateIndicator() {
	// 这时可以按照offline/online按钮的色彩
}

// 按照网络连接状况更新在线状态
window.addEventListener('online',  updateIndicator);
window.addEventListener('offline', updateIndicator);
updateIndicator();

当然，老式的技术里也供给了响应的办法，在body标志上使用ononline 和 onoffline 办法。

我可以想象到许多地方都需要使用这些事件和属性。比方一种状况，当会员正在工作时，断网了，假如我们的WEB利用可以检测出这种状态，可以将会员的写作保持到当地的Web Storage里，等网络复原后，再提交到效劳器上，这样，断网将不会给会员的写作带来影响。这只是一个简便的例子，信赖你能想出更多。

需要提示的是，这个API并不是那么可靠。最古老的按时刷新的技术可以当做一种存案。

以上就是怎样用JavaScript检测离线/在线状态的具体内容，更多请关注百分百源码网其它相关文章！