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

Comment contrôler le saut de page avec javascript

青灯夜游
Libérer: 2021-06-08 11:41:45
original
2584 Les gens l'ont consulté

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

Comment contrôler le saut de page avec javascript

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>
Copier après la connexion

Sauter directement sans paramètres :

<script>window.location.href=&#39;http://www.baidu.com&#39;;</script>
Copier après la connexion

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

<script language="javascript">
alert("返回");
window.history.back(-1);
</script>
Copier après la connexion

Imbrication de balises :

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

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>
Copier après la connexion

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>
Copier après la connexion

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>
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal