Heim > Web-Frontend > js-Tutorial > Hauptteil

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

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

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>

Nach dem Login kopieren

Direkt ohne Parameter springen:

Code kopieren Der Code lautet wie folgt:
<script>window.location.href='http:// www.baidu.com';</script>

Zweiter Typ: Rückkehr zur letzten Vorschauoberfläche

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

Nach dem Login kopieren

Tag-Verschachtelung:

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

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

Nach dem Login kopieren

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

Code kopieren Der Code lautet wie folgt:


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


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>

Nach dem Login kopieren

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