zoukankan      html  css  js  c++  java
  • JS判断有无网络(移动端)

    ar EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { element["on" + type] = handler; } } };
    EventUtil.addHandler(window, "online", function () { alert("Online");
    }); EventUtil.addHandler(window, "offline", function () {
    alert("Offline"); });
     
    当然,如果想支持的更兼容,可以使用如下2个事件:online和offline。当网络从离线变为在线或者从在线变为离线时,分别触发这两个事件。这两个事件在window对象上触发。
    为了检测应用是否离线,在页面加载后,最好先通过navigator.onLine取得初始的状态。然后,就是通过上述两个事件来确定网络连接状态是否变化。当上述事件触发式,navigator.onLine属性的值也会改变,不过必须要手工轮询这个属性才能检测到网络状态的变化。
     
    方法一: navigator.onLine
     
    复制代码 代码如下:
     
    if (navigator.onLine) { //正常工作} else { //执行离线状态时的任务}
     
    这个html5的 navigator的新特性可以很简单帮我们搞定
    HTML5为此定义了一个navigator.onLine属性,这个属性值为true表示设备能上网,值为false表示设备离线。
    当然不同的浏览器,对这个的支持还不太一样 IE6+和Safari 5+支持的比较好 Firefox 3+和支持navigator.onLine属性,但你必须手工选中菜单项“文件-Web开发人员(设置)-脱机工作”才能让浏览器正常的工作。
    Chrome需要12以上。
  • 相关阅读:
    算法训练 图形显示
    P1002 谁拿了最多奖学金
    java并发编程实战笔记---(第五章)基础构建模块
    java并发编程实战笔记---(第四章)对象的组合
    java并发编程实战笔记---(第三章)对象的共享
    java并发编程实战笔记---(第二章)线程安全:正确性
    栈溢出
    聊聊分布式事务
    路径问题
    apache 软件历史版本查询
  • 原文地址:https://www.cnblogs.com/fenger-VIP/p/5051711.html
Copyright © 2011-2022 走看看