**1\. js监听网络状态** js的 navigator.onLine 会返回当前网络状态，我们可以使用来判断，网络未连接时提示用户当前网络不可用如下所示： ~~~javascript window.addEventListener('load',function(){ if(!navigator.onLine){ console.log('提示用户，网络异常') } }) ~~~ 如果加载后网络发现变化，上面的代码就不理想了。 我们可以监听**offline**和**online**这两个事件，在监听中提示用户网络状态或者做一些自动重载的逻辑代码： ~~~javascript window.addEventListener('offline',function(e){ console.log('监听网络关闭：',e); }) window.addEventListener('online',function(e){ console.log('监听网络连接：',e); }) ~~~ **2.页面重载** 现在我们已经监听了网络的状态，网络关闭时只需要在**offline**事件中提示用户即可。但是如果是网络中断后又重新连接到网络了，我可以在**online**事件中重新加载当前页面。 不论是原生H5开发还是vue这类框架开发项目，都可以使用如下代码重新加载当前页面代码： ~~~javascript location.reload() ~~~ > 注意：这个方式是重新加载当前页面，类似于F5刷新。