Maison >interface Web >js tutoriel >Comment contrôler le saut de page avec javascript

Comment contrôler le saut de page avec javascript

青灯夜游original: 2021-06-08 11:41:452580parcourir

Méthode : 1. Utilisez "window.location.href="adresse de la page"" ; 2. Utilisez l'instruction "window.history.back()" ; 4. Utilisez l'instruction "self.location="address"".

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Plusieurs façons d'implémenter le saut de page en Javascript

La première : sauter directement avec les paramètres

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

Sauter directement sans paramètres :

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

Deuxième : retour à l'interface d'aperçu précédente

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

Imbrication de balises :

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

Troisième type : la page de saut spécifiée n'est pas valide pour le cadre. . .

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

La quatrième méthode : spécifier sa propre page de saut n'est pas valide pour le cadre. .

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

Exemples d'application :

<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>

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pouvez-vous répondre à la question d'entretien sur les tests unitaires dans Angular ?Article suivant：Pouvez-vous répondre à la question d'entretien sur les tests unitaires dans Angular ?

Articles Liés

Voir plus