检查网络连接情况

HTML5定义了一个navigator.onLine属性，这个属性值为true表示设备能上网，值为false表示设备离线。

除了navigator.onLine属性之外，为了更好的确定网路是否可用，HTML5定义了两个事件online和offline。当网络从离线变为在线或者从在线变为离线时，会分别触发这两个事件。这两个事件在window对象上触发。

window.addEventListener('online', () => {
	/* do something */
})

window.addEventListener('offline', () => {
	/* do something */
})

为了检测是否离线，在页面加载后，最好先通过navgator.online获得初始状态。然后通过上述事件来监听网络连接状态的变化，当网络连接状态发生改变时，navigator.onLine属性的值也会改变，不过必须要手工轮询这个属性才能检测到网络状态的改变。