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

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

黄舟
黄舟Original
2017-12-04 13:41:221961Durchsuche

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()">

Zurück+Aktualisieren88d4002dae49b165dea2f60bc8de46cfBeispielsweise 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>");

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>");

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();
         }
     }
}

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

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!

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