Wie Javascript das Netzwerk erkennt

So erkennen Sie das Netzwerk mit JavaScript: 1. Erkennen Sie das Netzwerk über den Navigator. 2. Verwenden Sie die Ereignisse „window.ononline“ und „window.onoffline“, um den Netzwerkstatus des Browsers zu überwachen. 3. Erkennen Sie das Netzwerk über eine Ajax-Anfrage.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JavaScript-Version 1.8.5, DELL G3-Computer

JavaScript zur Ermittlung des Netzwerkstatus

1. Im Allgemeinen ist HTML5 Wird verwendet, um den Netzwerkstatus zu ermitteln. Bereitgestellter Navigator zum Erkennen des Netzwerks

<script type="text/javascript">
	// 通过window.navigator.onLine 来检测网络是否可用
    alert(window.navigator.onLine); // 返回的是一个bool值(true表示已连接,false表示未连接)
</script>

2. Wenn Sie den Netzwerkstatus des Browsers überwachen möchten, verwenden Sie die Ereignisse window.ononline und window.onoffline:

<script type="text/javascript">
    window.addEventListener("offline",function(){alert("网络连接恢复");})
    window.addEventListener("online",function(){alert("网络连接中断");})
</script>

oder:

<script type="text/javascript">
    window.ononline=function(){alert("网络连接恢复");}
    window.onoffline=function(){alert("网络连接中断");}
</script>

Hinweis: Diese Methode gehört zu „Listener“ und wird nur in dem Moment ausgelöst, in dem das Netzwerk verbunden/getrennt wird.

Zusammenfassung: navigator.onLine和online、offlineDas Ereignis ist nicht allmächtig. Auf der PC-Seite kann nur festgestellt werden, ob die WLAN- und Netzwerkkabel angeschlossen sind, es kann jedoch nicht festgestellt werden, ob ein Netzwerk vorhanden ist oder ob das Internet verfügbar ist.

Ein sichererer Ansatz:

<script type="text/javascript">
	var el = document.body;  
	if (el.addEventListener) {  
	   window.addEventListener("online", function () {  
	     alert("网络连接恢复");}, true);  
	   window.addEventListener("offline", function () {  
	     alert("网络连接中断");}, true);  
	}  
	else if (el.attachEvent) {  
	   window.attachEvent("ononline", function () {  
	     alert("网络连接恢复");});  
	   window.attachEvent("onoffline", function () {  
	     alert("网络连接中断");});  
	}  
	else {  
	   window.ononline = function () {  
	     alert("网络连接恢复");};  
	   window.onoffline = function () {  
	     alert("网络连接中断");};  
	}  
</script>

Beachten Sie, dass das Ononline-Ereignis an das Fensterobjekt gebunden werden muss.

attachEvent – ​​kompatibel mit: IE7, IE8; nicht kompatibel mit Firefox, Chrome, IE9, IE10 , IE11, Safari, Opera
addEventListener – kompatibel mit: Firefox, Chrome, IE, Safari, Opera; nicht kompatibel mit IE7, IE8

Empfohlenes Lernen: „Javascript-Tutorial für Fortgeschrittene“

Drei, Sie können beginnen Eine Ajax-Anfrage: Das Ergebnis der Anfrage bestimmt, ob das Netzwerk verbunden ist. aber das ist in der Tat der effektivste Weg.

Das obige ist der detaillierte Inhalt vonWie Javascript das Netzwerk erkennt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!