js 判断网络状态

使用JS在浏览器中判断当前网络状态的几种方法如下：

1. navigator.onLine()

if (navigator.onLine) {
    alert("正常上网");
} else {
    alert('无网络');
}

2. addEventListener('online'/'offline')

网络状态改变时自动触发

window.addEventListener('online',function () {
    alert("正常上网");
})
window.addEventListener('offline',function () {
    alert('无网络');
})

3. 获取网络资源

插入一个网络图片，等同于发起请求

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<img id="img-test" style="display:none;" onerror="getImgError()" />
<script>
        function getImgError() {
            alert('无网络');
        }
        $().ready(function () {
            var imgPath = "https://www.baidu.com/img/bd_logo1.png";
            var timeStamp = Date.parse(new Date());
            $("#img-test").attr("src", imgPath + "?timestamp=" + timeStamp);
            alert("正常上网");
        });
</script>

原文链接： https://www.jb51.net/article/112961.htm