Maison >interface Web >js tutoriel >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>
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!