Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie Javascript das Netzwerk erkennt

藏色散人
Freigeben: 2023-01-06 11:14:10
Original
8573 Leute haben es durchsucht

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.

Wie Javascript das Netzwerk erkennt

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>
Nach dem Login kopieren

Wie Javascript das Netzwerk erkennt

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>
Nach dem Login kopieren

oder:

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

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

Zusammenfassung: navigator.onLineonlineofflineDas 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>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage