关于这个事件的描述到处都有,但基本上都是说离线在线什么的我一下子还没反应过来。后再在看到了一句话:"断开网络再联网试试,就可以看到连线的提示。"这才反应过来,原来指的是网络状态。
我用来测试ononline事件和onoffline事件的例子:
1 2测试ononline事件和onoffline事件
3 11
测试方法:打开这个页面,切断网络,就会触发
(我用的录制GIF的软件不能录制任务栏,反正就是我先断网,然后再联网。)
你启动这个页面是不会触发ononline和onoffline事件的,得网络状态发生变化才触发。如果想要在页面打开的时候就判断现在是在线状态还是离线状态,可以使用一个只读属性:navigator.onLine
1 2测试ononline事件和onoffline事件
3 14
运行效果如下: