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>
Sauter directement sans paramètres :
<script>window.location.href='http://www.baidu.com';</script>
Le deuxième : Revenir au précédent page Interface d'aperçu unique
<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 spécification de la page de saut n'est pas valide pour le cadre
<script language="javascript"> window.navigate("top.jsp"); </script>
La quatrième méthode : spécifier la page d'auto-saut n'est pas valide pour le cadre
<script language="JavaScript"> self.location='top.htm'; </script>
La cinquième méthode : spécifier la page d'auto-saut est valide pour le cadre
<script language="javascript"> alert("非法访问!"); top.location='xx.aspx'; </script>
Sixième type : Ajouter un saut d'événement au bouton bouton
<input name="pclog" type="button" value="GO" onClick="location.href='login.aspx'">
Septième type : Ouvrir dans une nouvelle fenêtre
<a href="javascript:" onClick="window.open('login.aspx',' ','height=500,width=611,scrollbars=yes,status=yes')">开新窗口</a>
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>
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!