Maison > interface Web > js tutoriel > le corps du texte

Utilisation de window.location.href (saut de sortie dynamique)_Connaissances de base

WBOY
Libérer: 2016-05-16 16:40:01
original
1856 Les gens l'ont consulté

location.href en JavaScript a de nombreuses utilisations, principalement les suivantes.

self.location.href="/url" La page actuelle ouvre la page URL
location.href="/url" La page actuelle ouvre la page URL
windows.location.href="/url" La page actuelle ouvre la page URL. Les trois premières utilisations sont les mêmes.
this.location.href="/url" La page actuelle ouvre la page URL
parent.location.href="/url" Ouvrir une nouvelle page sur la page parent
top.location.href="/url" Ouvrir une nouvelle page sur la page d'accueil

Si le cadre est personnalisé sur la page, vous pouvez remplacer le haut du parent par le nom du cadre personnalisé. L'effet est d'ouvrir l'adresse url dans la fenêtre du cadre

.

De plus, window.location.href=window.location.href; et window.location.Reload() actualisent tous deux la page actuelle. La différence réside dans la soumission ou non des données. Lorsque les données sont soumises, window.location.Reload() vous demandera si elles doivent être soumises. window.location.href=window.location.href soumettra les données à l'URL spécifiée
.

Lors de l'écriture de programmes ASP.Net, nous rencontrons souvent le problème du saut de page. Nous utilisons souvent Response.Redirect pour accéder aux pages du cadre ASP.NET. Si le client souhaite utiliser des invites lors du saut, ce n'est pas le cas. je ne travaille plus, comme :

Copier le code Le code est le suivant :

Response.Write("< script>alert('Félicitations, votre inscription est réussie !');< /script>"); Réponse.Redirect("main.html");

À ce moment-là, le contenu de notre invite sautera avant de sortir, ce qui n'est pas différent de Response.Redirect("main.html");.

Pour le moment, nous utilisons le code suivant pour le tester :

Une autre implémentation du saut de page du framework ASP.NET

Copier le code Le code est le suivant :
Response.Write("< script language=javascript>alert('Félicitations, votre inscription est réussie !')< /script>"); Response.Write("< script language=javascript>window.location.href='main.html'< /script>");


Cela répond à nos exigences. Après l'invite, la page sautera.
La chose la plus importante est que l'instruction window.location.href puisse réaliser que la page d'un cadre actualise la page d'un autre cadre après avoir exécuté le code côté serveur (Response.Redirect ne peut pas y parvenir, du moins je ne l'ai pas fait je l'ai trouvé) :

Par exemple : il y a deux cadres dans la page index.htm, à savoir frameLeft et frameRight. Après avoir exécuté le code côté serveur dans la page frameRight, actualisez la page dans frameLeft.

La chose la plus courante auparavant était d'actualiser automatiquement la boîte de connexion après l'inscription, de sorte que la boîte de connexion soit remplacée par la page de connexion. Tant que vous ajoutez un paragraphe après le code d'enregistrement réussi, vous pouvez actualiser la page. d'un autre cadre. Le code est le suivant :

Copier le code Le code est le suivant : Response.Write("< script language=javascript>alert('Félicitations, votre inscription est réussie !')< /script>"); Response.Write("< script language=javascript>window.parent.frameLeft.location.href='main.html'< /script>");

Cela résout le problème de l’interruption du saut de page du cadre ASP.NET. En fait, cette méthode est généralement utilisée en asp et php.

"window.location.href", "location.href" est le lien vers cette page "parent.location.href" est un saut de page au niveau précédent

"top.location.href" est le saut de page le plus à l'extérieur

Exemple :

Si A, B, C et D sont tous des jsp, D est l'iframe de C, C est l'iframe de B et B est l'iframe de A, si le js dans D s'écrit comme ceci

"window.location.href", "location.href": D saut de page

"parent.location.href": Saut de page C

"top.location.href" : Un saut de page

S'il y a un formulaire à la page D,


 : La page D saute après la soumission du formulaire
 : une nouvelle page apparaît après la soumission du formulaire

 : la page C saute après la soumission du formulaire

: La page A saute après la soumission du formulaire

Concernant l'actualisation de la page, la page D dit :

"parent.location.reload();": Actualisation de la page C (bien sûr, vous pouvez également utiliser l'objet opener de la fenêtre enfant pour obtenir l'objet de la fenêtre parent : window.opener.document.location.reload ( )

"top.location.reload();": Un rafraîchissement de page

É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