真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

javascript中檢測網(wǎng)絡的方法

這篇文章將為大家詳細講解有關(guān)javascript中檢測網(wǎng)絡的方法,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)公司擁有十多年成都網(wǎng)站建設(shè)工作經(jīng)驗,為各大企業(yè)提供網(wǎng)站設(shè)計、成都做網(wǎng)站服務,對于網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)(電腦版網(wǎng)站建設(shè))、app軟件開發(fā)公司、wap網(wǎng)站建設(shè)(手機版網(wǎng)站建設(shè))、程序開發(fā)、網(wǎng)站優(yōu)化(SEO優(yōu)化)、微網(wǎng)站、域名與空間等,憑借多年來在互聯(lián)網(wǎng)的打拼,我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)絡營銷經(jīng)驗,集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運作于一體,具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項目的能力。

javascript檢測網(wǎng)絡的方法:1、通過navigator去檢測網(wǎng)絡;2、 使用“window.ononline”和“window.onoffline”事件監(jiān)聽瀏覽器的聯(lián)網(wǎng)狀態(tài);3、通過ajax請求檢測網(wǎng)絡。

本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版,DELL G3電腦

JavaScript 判斷網(wǎng)絡狀態(tài)

一、一般來說,判斷網(wǎng)絡狀態(tài)都是用的 HTML5 提供的 navigator 去檢測網(wǎng)絡


	// 通過window.navigator.onLine 來檢測網(wǎng)絡是否可用
    alert(window.navigator.onLine); // 返回的是一個bool值(true表示已連接,false表示未連接)

javascript中檢測網(wǎng)絡的方法

二、想要監(jiān)聽瀏覽器的聯(lián)網(wǎng)狀態(tài), 使用window.ononline和window.onoffline事件:


    window.addEventListener("offline",function(){alert("網(wǎng)絡連接恢復");})
    window.addEventListener("online",function(){alert("網(wǎng)絡連接中斷");})

或者:


    window.ononline=function(){alert("網(wǎng)絡連接恢復");}
    window.onoffline=function(){alert("網(wǎng)絡連接中斷");}

javascript中檢測網(wǎng)絡的方法
注意:此方法屬于 “偵聽器”,在網(wǎng)絡連接 / 斷開的一瞬間,才會觸發(fā)。

總結(jié):navigator.onLineonlineoffline事件卻不是萬能的,在 PC 端時只能判斷無線和網(wǎng)線是否連接,而不能判斷是否有網(wǎng)絡、是否可以上網(wǎng)。

更為安全的做法:


	var el = document.body;  
	if (el.addEventListener) {  
	   window.addEventListener("online", function () {  
	     alert("網(wǎng)絡連接恢復");}, true);  
	   window.addEventListener("offline", function () {  
	     alert("網(wǎng)絡連接中斷");}, true);  
	}  
	else if (el.attachEvent) {  
	   window.attachEvent("ononline", function () {  
	     alert("網(wǎng)絡連接恢復");});  
	   window.attachEvent("onoffline", function () {  
	     alert("網(wǎng)絡連接中斷");});  
	}  
	else {  
	   window.ononline = function () {  
	     alert("網(wǎng)絡連接恢復");};  
	   window.onoffline = function () {  
	     alert("網(wǎng)絡連接中斷");};  
	}  

注意,檢測 ononline 事件,要綁定在 window 對象上

attachEvent —— 兼容:IE7、IE8;不兼容 firefox、chrome、IE9、IE10、IE11、safari、opera
addEventListener —— 兼容:firefox、chrome、IE、safari、opera;不兼容 IE7、IE8

推薦學習:《javascript高級教程》

三、可以發(fā)起 ajax 請求,根據(jù)請求結(jié)果判斷網(wǎng)絡的通斷


	$.ajax({
	  url: 'https://sug.so.#/suggest',
	  dataType:'jsonp',
	  success: function(result){
	    console.log('網(wǎng)絡正常')
	  }, 
	  error: function(result){
	    console.log('網(wǎng)絡異常')
	  }
	});

當然這種方法也不是很完美,而且不是很實用,無法很好的區(qū)分是服務器出現(xiàn)故障還是用戶的網(wǎng)絡有問題,但是這確實最有效的方式。

關(guān)于“javascript中檢測網(wǎng)絡的方法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。


分享題目:javascript中檢測網(wǎng)絡的方法
文章來源:http://weahome.cn/article/gogggj.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部