JS判断是否可以连接互联网

最新推荐文章于 2024-01-23 15:18:49 发布

小超人的知识体系

最新推荐文章于 2024-01-23 15:18:49 发布

阅读量1.7k

点赞数

分类专栏：待整理文章标签： js

本文链接：https://blog.csdn.net/chaoHappy/article/details/88231966

版权

待整理专栏收录该内容

32 篇文章 0 订阅

订阅专栏

有两种方式实现

第一种：通过navigator.onLine 判断
第二种：给windows添加“online”、“offline” 事件

代码实现

第一种

// 方法1： 判断是否能够连互联网
function testonLine(){
	if (navigator.onLine) {
	    alert("正常工作！");
	} else {
	    //执行离线状态时的任务
	    alert("离线工作！");
	}
}

第二种

//方法2： 实时判断是否能够连互联网
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() {
	alert("正常工作");
});
EventUtil.addHandler(window, "offline", function() {
	alert("离线工作");
});

项目demo github下载地址：https://github.com/ChaoHappy/testonline