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