Heim  >  Artikel  >  Web-Frontend  >  Wie JavaScript eine Seite neu lädt (aktualisiert).

Wie JavaScript eine Seite neu lädt (aktualisiert).

青灯夜游
青灯夜游Original
2018-11-20 17:10:3515993Durchsuche

Der Inhalt dieses Artikels besteht darin, vorzustellen, wie die Seite mithilfe von JavaScript neu geladen (aktualisiert) wird. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Es gibt mehrere Möglichkeiten, eine HTML-Seite in JavaScript neu zu laden oder zu aktualisieren, aber die Standardmethode hierfür ist die Verwendung des window.location-Objekts. In diesem Artikel erfahren Sie, wie Sie das window.location-Objekt zum Neuladen (Aktualisieren) der Seite verwenden.

Stellt eine reload()-Methode im window.location-Objekt bereit, die den Browser anweist, die Seite neu zu laden. Der Browser kann dies abhängig von den optionalen Parametern aus seinem Cache oder dem Server tun, d. h. reload(true) lädt die Seite vom Server neu, reload(false) lädt die Seite nur aus dem Cache des Browsers neu.

Im Folgenden stellen wir die Methode zum Neuladen (Aktualisieren) der Seite durch JavaScript anhand eines einfachen Codebeispiels vor.

Im Beispiel behandeln wir die Verwendung von jQuery und JavaScript, um die Seite aus dem Server- und Browser-Cache neu zu laden.

In unserem HTML gibt es zwei Schaltflächen, eine zum erneuten Laden der Seite vom Server und die andere zum Aktualisieren der Seite aus dem Browser-Cache. Während location.reload() in allen Browsern funktioniert, können Sie jQuery auch verwenden, um anderen Code zu umschließen, beispielsweise um Click-Handler an zwei Schaltflächen anzuhängen.

Beispielcode:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>使用jQuery和JavaScript重新加载(刷新)页面</title>
		<script type="text/javascript" src="query.min.js" ></script>
	</head>

	<body>
		<h2>如何使用jQuery和JavaScript重新加载(刷新)页面</h2>

		<button id="btn_reload">从服务器重新加载</button>
		<button id="btn_refresh">从浏览器的缓存中重新加载</button>
		<script>
			$(document).ready(function(){
				$("#btn_refresh").click(function() {
					location.reload(false); //从浏览器的缓存加载 
				});
				$("#btn_reload").click(function() {
					location.reload(true); //从服务器加载
				});
			});
		</script>

	</body>

</html>

Rendering:

Wie JavaScript eine Seite neu lädt (aktualisiert).

Hinweis:

window.location.reload() wird Anweisungen Der Browser lädt die Seite neu, was bedeutet, dass die Daten erneut vom Server heruntergeladen, analysiert und angezeigt werden. Sie können die Seite auch mit der Methode location.reload(false) aus dem Cache des Browsers neu laden.

Übrigens können Sie auch History.go(0) und Location.replcace(locatoin.pathname) verwenden, um die Seite neu zu laden.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Empfohlene weitere verwandte Video-Tutorials: jQuery-Tutorial!

Das obige ist der detaillierte Inhalt vonWie JavaScript eine Seite neu lädt (aktualisiert).. 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