js判断网络链接的四种方法

1. navigator.onLine

        <script type="text/javascript">
            var p1 = document.getElementById('p1');
//             window.navigator.onLine //用来检测网络是否可用
             alert(window.navigator.onLine); // 返回布尔值
            window.addEventListener('online',function(){
                console.log("online");
                p1.innerHTML = '网络连接可用';
            });
            window.addEventListener('offline',function(){
                p1.innerHTML = '网络连接不可用';
                alert();
            });
        </script>

2.ajax请求数据

1 2 3 4 5 6 7 8 9

$.ajax({  url: 'x.html',  success: function(result){  console.log("wangluolianjiezhengchang");  },  error: function(result){ console.log("wangluolianjieshibai")  } });

 

3.不断向服务器请求数据

4.bind

var netStatue = true;

$(window).bind('online', function(){

 netStatue = true;

});

$(window).bind('offline', function(){

 netStatue = false;

});