suchen

Heim >Web-Frontend >js-Tutorial >So veranlassen Sie das Neuladen einer Seite in JavaScript

So veranlassen Sie das Neuladen einer Seite in JavaScript

清浅
清浅Original
2018-12-06 16:01:337712Durchsuche

In JavaScript können Sie den Wert der reload()-Methode auf true setzen, um die Seite neu zu laden

Wenn wir die Seite durchsuchen, in der oberen linken Ecke von Im Browser gibt es eine Schaltfläche, mit der wir die Seite aktualisieren können. Als Nächstes werde ich Ihnen vorstellen, wie die Seitenladetechnologie in JavaScript implementiert wird Ich hoffe, es wird für alle hilfreich sein.

[Empfohlene Kurse: JavaScript-Tutorial]

So veranlassen Sie das Neuladen einer Seite in JavaScript

Um das Laden der Seite zu implementieren, müssen Sie die Methode reload() verwenden. Der Zweck dieser Methode besteht darin, das aktuelle Dokument neu zu laden

Methode reload() 

location.reload()

Wenn wir den Wert von reload() auf true setzen, wird der Cache umgangen und das Dokument erneut vom Server heruntergeladen, genau wie jedes Mal, wenn wir auf die Schaltfläche „Aktualisieren“ des Browsers klicken.

Wenn diese Methode auf „false“ gesetzt ist oder keine Parameter festgelegt sind, wird das If-Modified-Since im HTTP-Header verwendet, um zu erkennen, ob sich das Dokument auf dem Server geändert hat. Wenn sich das Dokument geändert hat, laden Sie es neu () lädt das Dokument erneut herunter; wenn sich das Dokument nicht geändert hat, lädt diese Methode das Dokument aus dem Cache.

Beispiel: 

<body>
		<input type="button" value="刷新" onclick="document.location.reload(true);">
		<p>点击上面的按钮会刷新页面</p>
		<img  src="images/1.jpg"  style="max-width:90%" alt="So veranlassen Sie das Neuladen einer Seite in JavaScript" >
</body>

Die Darstellung ist wie folgt:

So veranlassen Sie das Neuladen einer Seite in JavaScript

Wir können auch die Zeit festlegen, z. B. wie oft die Seite angezeigt wird aktualisiert

Beispiel: Stellen Sie die Seite so ein, dass sie alle 5 Sekunden aktualisiert wird 

<body>
		<p>页面隔5s会刷新一次</p>
	<img  src="images/1.jpg"  style="max-width:90%" alt="So veranlassen Sie das Neuladen einer Seite in JavaScript" >
	<script type="text/javascript">

		function timedReload(time){
			setTimeout("location.reload(true);",time);
			
		}
		window.onload=timedReload(5000);
	</script>

Das Rendering ist wie folgt:

So veranlassen Sie das Neuladen einer Seite in JavaScript

Wir können einen Pop festlegen -Up-Box-Schaltfläche, wenn wir auf „Aktualisieren“ klicken. Ein Dialogfeld wird angezeigt, wenn auf „OK“ geklickt wird. Die Seite wird nicht aktualisiert, wenn auf „Abbrechen“ geklickt wird Die Darstellung ist wie folgt

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass dieser Artikel jedem ein gewisses Verständnis für das Laden von JavaScript-Seiten vermitteln kann.

So veranlassen Sie das Neuladen einer Seite in JavaScript

Das obige ist der detaillierte Inhalt vonSo veranlassen Sie das Neuladen einer Seite in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
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
Vorheriger Artikel：So fügen Sie in node.js ein Wasserzeichen zu PDF hinzu (Codebeispiel)Nächster Artikel：So fügen Sie in node.js ein Wasserzeichen zu PDF hinzu (Codebeispiel)

In Verbindung stehende Artikel

Mehr sehen