Maison >interface Web >js tutoriel >Plusieurs façons courantes d'implémenter des sauts de page dans les compétences JavaScript_javascript
Les exemples de cet article décrivent plusieurs façons courantes d'implémenter des sauts de page en JavaScript. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Premier type :
<script language="javascript" type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
Deuxième type :
<script language="javascript"> alert("返回"); window.history.back(-1); </script>
Troisième type :
<script language="javascript"> window.navigate("top.jsp"); </script>
Le quatrième type :
<script language="JavaScript"> self.location='top.htm'; </script>
Le cinquième type :
<script language="javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>
Faites apparaître la zone de sélection en javascript pour accéder à d'autres pages
<script language="javascript"> <!-- function logout()...{ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{ window.location.href="logout.asp?act=logout" } } --> </script>
La boîte de dialogue apparaît en javascript pour accéder à d'autres pages
<script language="javascript"> <!-- function logout()...{ alert("你确定要注销身份吗?"); window.location.href="logout.asp?act=logout" } --> </script>
Supplément : Quelle est la différence entre window.location="" et location.replace("");?
Ces deux éléments peuvent diriger la page Web vers une URL, alors quelle est la différence ? Par exemple, des paramètres peuvent être pris, des paramètres ne peuvent pas être pris, etc.
Remplacer ? Ou Recharger() ?
Il ne semble y avoir aucune différence, n'est-ce pas ? Je ne l'ai jamais essayé
replace(), reload() sert à recharger cette page, et replace() peut conduire à une autre URL
Laissez-moi vous donner un exemple :
Nous avons maintenant 3 pages (a.html, b.html, c.html).
La page a.html est ouverte par défaut, puis un lien est dirigé vers la page a.html dans la page a.html.
Maintenant, j'utilise window.location.replace("c.html"); et window.location.href("c.html"); dans la page b.html pour accéder respectivement à la page c.html.
Il n'y a aucune différence avec l'interface utilisateur, mais maintenant la page c.html a un bouton "Retour",
Utilisez window.location.href("c.html");
Lorsque vous entrez dans la page c.html, appelez window.history.go(-1);wondow.history.back(); lorsque vous entrez dans la page c.html, cliquez sur le bouton "Retour" Si vous revenez à la page c.html Page .html,
Et si vous utilisez window.location.replace("c.html"); pour accéder à la page c.html,
La méthode appelante window.history.go(-1);wondow.history.back(); dans la page c.html n'est pas facile à utiliser et reviendra à a.html.
Parce que window.location.replace("c.html"); n'envoie pas de requête au serveur et saute, mais la méthode window.history.go(-1);wondow.history.back(); enregistrement du serveur La requête détermine à quelle page accéder, elle passera donc à la page par défaut du système a.html.
window.location.href("c.html"); est un saut pour envoyer une requête au serveur, la méthode window.history.go(-1);wondow.history.back(); requête enregistrée par le serveur. Décidez à quelle page accéder pour pouvoir revenir à b.html.
J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.