js判断浏览器是否联网

SmallJerry2015

于 2017-07-12 17:31:00 发布

阅读量275

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/high-noon/p/7156634.html

本文介绍了HTML5中用于检测网络状态的online和offline事件。通过这些事件，开发者可以监测到网络连接的变化，从而做出相应的应用行为调整。文章提供了一个示例代码，展示了如何使用addEventListener或attachEvent来监听这两个事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天公司的需求里 需要判断一下用户联网的状态 用到了下面的这个H5的方法 记录下来 
//为了更好地确定网络是否可用，HTML5还定义了两个事件：online和offline。
//当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件。这两个事件在window对象上触发。
var 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() {
    console.log("Online---正常工作");
});
EventUtil.addHandler(window, "offline", function() {
    alert("Offline ---离线工作");
});