首页 > 编程语言 > 详细

JavaScript中的ononline事件和onoffline事件

时间:2019-02-12 12:55:48      阅读:188      评论:0      收藏:0      [点我收藏+]

  关于这个时间的描述到处都有,但基本上都是说离线在线什么的我一下子还没反应过来。后再在这里看到了一句话:"断开网络再联网试试,就可以看到连线的提示。"这才反应过来,原来指的是网络状态。

  我用来测试ononline事件和onoffline事件的例子:

 1 <body ononline="onFunction()" onoffline="offFunction()">
 2     <p>测试ononline事件和onoffline事件</p>
 3     <script type="text/JavaScript">
 4         function onFunction() {
 5             alert("现在你的浏览器有网络,在线工作");
 6         }
 7         function offFunction() {
 8             alert("现在你的浏览器没有网络,离线工作");
 9         }
10     </script>
11 </body>

  测试方法:打开这个页面,切断网络,就会触发

  技术分享图片

  (我用的录制GIF的软件不能录制任务栏,反正就是我先断网,然后再联网。)

  你启动这个页面是不会触发ononline和onoffline事件的,得网络状态发生变化才触发。如果想要在页面打开的时候就判断现在是在线状态还是离线状态,可以使用一个只读属性:navigator.onLine

 1 <body onload="loadOver()">
 2     <p>测试ononline事件和onoffline事件</p>
 3     <script type="text/JavaScript">
 4         function loadOver() {
 5             var x = document.getElementsByTagName("p")[0];
 6             if(navigator.onLine){
 7                 x.innerHTML = "在线工作";
 8             }
 9             else {
10                 x.innerHTML = "离线工作";
11             }
12         }
13     </script>
14 </body>

  运行效果如下: 

 技术分享图片

 

  

  

JavaScript中的ononline事件和onoffline事件

原文:https://www.cnblogs.com/cwsb/p/10364419.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!