Heim > Artikel > Web-Frontend > So steuern Sie Seitensprünge mit Javascript

So steuern Sie Seitensprünge mit Javascript

青灯夜游Original: 2021-06-08 11:41:452527Durchsuche

Methode: 1. Verwenden Sie die Anweisung „window.location.href="page address"; 2. Verwenden Sie die Anweisung „window.history.back()“; self.location="address""-Anweisung.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Mehrere Möglichkeiten, einen Seitensprung in Javascript zu implementieren

Die erste: Direkt mit Parametern springen

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

Direkter Sprung ohne Parameter:

<script>window.location.href=&#39;http://www.baidu.com&#39;;</script>

Die zweite: 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>

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

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

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

   <script language="JavaScript">
          self.location=&#39;top.htm&#39;;
   </script>

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>

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmiervideo! !

Das obige ist der detaillierte Inhalt vonSo steuern Sie Seitensprünge mit 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

Vorheriger Artikel：Können Sie die Interviewfrage zum Unit-Testen in Angular beantworten?Nächster Artikel：Können Sie die Interviewfrage zum Unit-Testen in Angular beantworten?

In Verbindung stehende Artikel

Mehr sehen