Heim > Web-Frontend > js-Tutorial > Detaillierte Beispiele für Zurück und Aktualisierung in JavaScript

Detaillierte Beispiele für Zurück und Aktualisierung in JavaScript

黄舟
Freigeben: 2017-12-04 13:41:22
Original
2047 Leute haben es durchsucht

Ob wir JavaScript lernen oder in unserer täglichen Entwicklung, die Back- und Refresh-Funktionen sind schon immer begegnet, alles für eine bessere Benutzererfahrung, daher stellen wir Ihnen heute detaillierte Beispiele für Back- und Refresh vor in JavaScript!

<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()">
Nach dem Login kopieren

Zurück+AktualisierenBeispielsweise in einem C#-Webprogramm , schreiben Sie Zurück zur vorherigen Seite Code für die Seitenschaltfläche

this.RegisterClientScriptBlock("E", "<script language=javascript>history.go(-2);</script>");
Nach dem Login kopieren

Unter diesen sollte History.go(-2) als -2 geschrieben werden, da vor dem Wenn das Schaltflächenereignis ausgelöst wird, wurde die Seite einmal aktualisiert und sollte daher -2 sein.

Response.Write("<script language=javascript>history.go(-2);</script>");
Nach dem Login kopieren

Dies sollte auch als „-2“ geschrieben werden. Es unterscheidet sich vom direkten Schreiben von Skripten. History.back() soll zur vorherigen Seite gehen
i=1
history.go(i) zu einer bestimmten Seite
Wenn es History.go(0) ist, dient es dazu, diese beiden zu aktualisieren JS-Codes, äquivalent zu den Vorwärts- und Rückwärtsfunktionen des IE.
Die konkrete Verwendung hängt davon ab, wann Sie sie benötigen. Beispielsweise handelt es sich bei der Überprüfung bei der Benutzerregistrierung um eine Hintergrundüberprüfung. Diese kann verwendet werden, wenn die Anforderungen nicht erfüllt sind, wodurch die Notwendigkeit minimiert werden kann, dass Benutzer wiederholt Daten eingeben.
Zum Beispiel: Laden der Seite:

function onLoadPage(){
     if(event.srcElement.tagName=="SPAN"){
         oFrame=top.window.middle.frames[2];
         oTxt=event.srcElement.innerText;
         switch(oTxt){
             case "前 进":
                 oFrame.history.go(1);
             case "后 退":
                 oFrame.history.back();
             case "刷 新":
                 oFrame.location.reload();
         }
     }
}
Nach dem Login kopieren

Das Öffnen einer JSP-Seite muss mit einem Client-Skript aktualisiert werden.
Mehrere Möglichkeiten, die Seite mit Javascript zu aktualisieren:

1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
Nach dem Login kopieren

Zusammenfassung:

Dieser Artikel stellt es Ihnen vor mit Beispielen Was Zurück und Aktualisieren in JavaScript betrifft, glaube ich, dass jeder ein gewisses Verständnis dafür hat. Ich hoffe, dass es für Ihre Arbeit hilfreich sein wird!

Verwandte Empfehlungen:

Die Browserseite geht zurück, wie man Ajax erneut ausführt

Detaillierte Erläuterung des Beispiels für die Deaktivierung der Browser-Seitenrückfunktion durch js

Implementierung von js zur Deaktivierung der Rücktaste für Lassen Sie den Browser zurückgehen

Das obige ist der detaillierte Inhalt vonDetaillierte Beispiele für Zurück und Aktualisierung in JavaScript. 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