Heim > Web-Frontend > js-Tutorial > Hauptteil

Mehrere gängige Methoden zum Implementieren von Seitensprüngen in JavaScript_Javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 15:29:15
Original
1211 Leute haben es durchsucht

Die Beispiele in diesem Artikel beschreiben mehrere gängige Methoden zur Implementierung von Seitensprüngen in JavaScript. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Erster Typ:

<script language="javascript" type="text/javascript"> 
    window.location.href="login.jsp&#63;backurl="+window.location.href; 
</script> 

Nach dem Login kopieren

Zweiter Typ:

<script language="javascript">
    alert("返回");
    window.history.back(-1);
</script> 
Nach dem Login kopieren

Dritter Typ:

<script language="javascript">
    window.navigate("top.jsp");
</script>
Nach dem Login kopieren

Der vierte Typ:

<script language="JavaScript">
    self.location='top.htm';
</script>
Nach dem Login kopieren

Der fünfte Typ:

<script language="javascript">
    alert("非法访问!");
    top.location='xx.jsp';
</script>
Nach dem Login kopieren

Öffnen Sie das Auswahlfeld in Javascript, um zu anderen Seiten zu springen

<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp&#63;act=logout"
}
}
-->
</script>
Nach dem Login kopieren

Das Eingabeaufforderungsfeld wird in Javascript angezeigt, um zu anderen Seiten zu springen

<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp&#63;act=logout"
}
-->
</script>
Nach dem Login kopieren

Zusätzlich: Was ist der Unterschied zwischen window.location=""; und location.replace("");?

Beide können die Webseite auf eine URL weiterleiten. Was ist also der Unterschied? Beispielsweise können Parameter übernommen werden, Parameter können nicht übernommen werden usw.
Ersetzen? Oder neu laden()?
Es scheint keinen Unterschied zu geben, oder? Habe es noch nie probiert

replace(), reload() dient zum Neuladen dieser Seite und replace() kann zu einer anderen URL
führen
Lassen Sie mich Ihnen ein Beispiel geben:

Wir haben jetzt 3 Seiten (a.html, b.html, c.html).
Die a.html-Seite wird standardmäßig geöffnet, und dann wird ein Link zur a.html-Seite auf der a.html-Seite weitergeleitet.

Jetzt verwende ich window.location.replace("c.html"); und window.location.href("c.html"); in der b.html-Seite, um die c.html-Seite aufzurufen.

Es gibt keinen Unterschied zur Benutzeroberfläche, aber die c.html-Seite verfügt jetzt über eine Schaltfläche „Zurück“,
Verwenden Sie window.location.href("c.html");

Wenn Sie die c.html-Seite aufrufen, rufen Sie window.history.go(-1);wondow.history.back() auf. Klicken Sie beim Aufrufen der c.html-Seite auf die Schaltfläche „Zurück“. .html-Seite,
Und wenn Sie window.location.replace("c.html"); verwenden, um die c.html-Seite aufzurufen,
Die aufrufende Methode window.history.go(-1);wondow.history.back(); auf der c.html-Seite ist nicht einfach zu verwenden und führt zu a.html.

Da window.location.replace("c.html"); keine Anfrage an den Server sendet und springt, basiert die Methode window.history.go(-1);wondow.history.back(); Serverdatensatz Die Anforderung bestimmt, zu welcher Seite gesprungen werden soll, sodass zur Systemstandardseite a.html gesprungen wird.

window.location.href("c.html"); ist ein Sprung zum Senden einer Anfrage an den Server, die Methode window.history.go(-1);wondow.history.back(); Vom Server aufgezeichnete Anfrage. Entscheiden Sie, zu welcher Seite gesprungen werden soll, damit Sie zu b.html zurückkehren können.

Ich hoffe, dass dieser Artikel für alle hilfreich ist, die sich mit der JavaScript-Programmierung befassen.

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