Maison > interface Web > js tutoriel > Plusieurs façons courantes d'implémenter des sauts de page dans les compétences JavaScript_javascript

Plusieurs façons courantes d'implémenter des sauts de page dans les compétences JavaScript_javascript

WBOY
Libérer: 2016-05-16 15:29:15
original
1236 Les gens l'ont consulté

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&#63;backurl="+window.location.href; 
</script> 

Copier après la connexion

Deuxième type :

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

Troisième type :

<script language="javascript">
    window.navigate("top.jsp");
</script>
Copier après la connexion

Le quatrième type :

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

Le cinquième type :

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

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&#63;act=logout"
}
}
-->
</script>
Copier après la connexion

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&#63;act=logout"
}
-->
</script>
Copier après la connexion

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.

É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