suchen

Heim >Web-Frontend >js-Tutorial >Zusammenfassung der gängigen Implementierungsmethoden der Javascript-Seite. Jump_Javascript-Fähigkeiten

Zusammenfassung der gängigen Implementierungsmethoden der Javascript-Seite. Jump_Javascript-Fähigkeiten

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 15:29:161316Durchsuche

Die Beispiele in diesem Artikel fassen die gängigen Implementierungsmethoden des Javascript-Seitensprungs zusammen. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Übersicht

Ich glaube, viele Webentwickler wissen, dass es bei der Entwicklung von Webprogrammen viele Möglichkeiten gibt, zwischen Seiten zu springen, aber effektive Sprünge erzielen mit halbem Aufwand das Doppelte. Das Folgende verwende ich in meinem täglichen Entwicklungsprozess Teilen Sie einige JavaScript-Sprungmethoden mit Ihnen.

Der erste Typ: Direkt springen und Parameter hinzufügen

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

Direkt ohne Parameter springen:

Code kopieren Der Code lautet wie folgt:
3f1c4e4b6b16bbbd69b2ee476dc4f83awindow.location.href='http:// www.baidu.com';2cacc6d41bbb37262a98f745aa00fbf0

Zweiter Typ: Rückkehr zur letzten Vorschauoberfläche 
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

Tag-Verschachtelung: 

<a href="javascript:history.go(-1)">返回上一步</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

Der dritte Typ: Die Angabe der Sprungseite ist für den Frame ungültig. 

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

Die vierte Methode: Die Angabe der eigenen Sprungseite ist für den Frame ungültig. 

<script language="JavaScript">
 self.location='top.htm';
</script>

Die fünfte Methode: Die Angabe der eigenen Sprungseite gilt für Frames. 

<script language="javascript">
 alert("非法访问！");
 top.location='xx.aspx';
</script>

Der sechste Typ: Schaltflächentyp Ereignissprung zur Schaltfläche hinzufügen.

Code kopieren Der Code lautet wie folgt:
6e51b6e32f4c11b894ddcfa7b1bc4306

​
Typ 7: In neuem Fenster öffnen:
Code kopieren Der Code lautet wie folgt:
b4cf42383c328cdccca412066c744a33Neues Fenster öffnen5db79b134e9f6b82c0b36e0489ee08ed


Anwendungsbeispiele: 
<head> 
<script language="javascript">
function old_page() 
{ 
window.location = "login.aspx" 
} 
function replace() 
{ 
window.location.replace("login.aspx") 
} 
function new_page() 
{ 
window.open("login.aspx") 
} 
</script> 
</head> 
<body> 
<input type="button" onclick="new_page()" value="在新窗口打开s"/> 
<input type="button" onclick="old_page()" value="跳转后有后退功能"/> 
<input type="button" onclick="replace()" value="跳转后没有后退功能"/> 
</body>

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

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：jQuery erreicht den Bild-Vorladeeffekt_jqueryNächster Artikel：jQuery erreicht den Bild-Vorladeeffekt_jquery

In Verbindung stehende Artikel

Mehr sehen