Maison > interface Web > js tutoriel > 7 façons d'utiliser JS pour accéder aux pages (partager)

7 façons d'utiliser JS pour accéder aux pages (partager)

青灯夜游
Libérer: 2021-01-28 19:09:24
avant
3689 Les gens l'ont consulté

7 façons d'utiliser JS pour accéder aux pages (partager)

Je crois que de nombreux développeurs Web savent que lors du développement de programmes Web, il existe de nombreuses façons de passer d'une page à l'autre, mais des sauts efficaces obtiendront deux fois le résultat avec la moitié de l'effort. faites 7 méthodes de saut JavaScript utilisées dans le processus de développement quotidien.

Le premier : 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

Le deuxième : Revenir au précédent page Interface d'aperçu unique

<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 spécification de la page de saut 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 la page d'auto-saut n'est pas valide pour le cadre

   <script language="JavaScript">
          self.location=&#39;top.htm&#39;;
   </script>
Copier après la connexion

La cinquième méthode : spécifier la page d'auto-saut est valide pour le cadre

   <script language="javascript">
          alert("非法访问!");
          top.location=&#39;xx.aspx&#39;;
   </script>
Copier après la connexion

Sixième type : Ajouter un saut d'événement au bouton bouton

<input name="pclog" type="button" value="GO" onClick="location.href=&#39;login.aspx&#39;">
Copier après la connexion

Septième type : Ouvrir dans une nouvelle fenêtre

<a href="javascript:" onClick="window.open(&#39;login.aspx&#39;,&#39;
&#39;,&#39;height=500,width=611,scrollbars=yes,status=yes&#39;)">开新窗口</a>
Copier après la connexion

Exemple :

<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 : Enseignement de la 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:cnblogs.com
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