Expliquez la redirection de page dans ES6 ?
Ce tutoriel présentera la redirection de page introduite dans la version ES6 de JavaScript. La redirection de page est une méthode permettant d'envoyer les visiteurs d'une page Web de l'URL actuelle vers une autre URL. Nous pouvons rediriger les utilisateurs vers une autre page du même site Web ou vers un autre site Web ou serveur.
En JavaScript, une fenêtre est un objet global qui contient un objet position. Nous pouvons utiliser différentes méthodes de l'objet location pour rediriger les pages dans ES6, c'est ce que nous apprendrons ensuite.
Utilisez la valeur de l'attribut href de l'objet window.location
L'objet location de l'objet global window contient l'attribut href. L'objet location contient toutes les informations sur l'emplacement de la page sur laquelle vous vous trouvez actuellement. L'attribut "href" de l'objet location contient l'URL actuelle.
Pour rediriger les visiteurs vers une URL différente, nous devons modifier l'URL actuelle dans le navigateur Web, ce qui peut être réalisé en modifiant la valeur de l'attribut href de l'objet de localisation.
Grammaire
Les utilisateurs peuvent rediriger les visiteurs vers une autre page en modifiant la valeur de l'attribut href en suivant la syntaxe suivante.
window.location = "<new_URL>"; window.location.href = "<new_URL>";
Dans la syntaxe ci-dessus, si nous attribuons une nouvelle valeur URL à l'objet window.location, par défaut, la valeur de l'attribut href de l'objet location sera modifiée.
Exemple
Dans l'exemple ci-dessous, nous avons créé un bouton avec le texte « Redirection vers une autre page Web ». Lorsque l'utilisateur clique sur le bouton, nous appellerons la fonction redirect() de JavaScript.
Dans la fonction redirect(), nous modifions la valeur de l'attribut href de l'objet location, qui amènera le visiteur vers la nouvelle URL.
<html>
<body>
<h2>Using window.location.href attribute for page redirection</h2>
<p>Click below button to redirect </p>
<button id="redirect" onclick="redirect()">
Redirect to the another webpage
</button>
<script type="text/javascript">
function redirect(){
window.location.href="https://tutorialspoint.com/"
}
</script>
</body>
</html>
Utilisez la méthode location.assign()
assign() est une méthode définie à l'intérieur de l'objet location. Nous pouvons charger un nouveau document dans la fenêtre du navigateur en utilisant la méthode location.assign(), recharger un nouveau document dans le navigateur signifie une redirection.
Grammaire
Utilisez la méthode allocate() pour rediriger selon la syntaxe ci-dessous.
window.location.assign("<new_URL>");
Dans la syntaxe ci-dessus, nous appelons la méthode allocate() avec l'objet location comme référence.
Paramètres
New_URL - Il s'agit de l'URL vers laquelle nous souhaitons rediriger l'utilisateur.
Exemple
Dans cet exemple, nous utilisons la méthode allocate() de l'objet location pour charger une autre page Web dans la fenêtre actuelle du navigateur.
<html>
<body>
<p>Using the <i>window.location.assign()</i> method to redirect users to another webpage.</p>
<button id="redirect" onclick="redirect()">Redirect </button>
<script type="text/javascript">
function redirect(){
window.location.assign("https://www.tutorialspoint.com ");
}
</script>
</body>
</html>
Utilisez la méthode location.replace()
La méthode replace() de l'objet location fonctionne de la même manière que la méthode assign(). La seule différence entre les méthodes Replace() et allocate() est que la méthode replace() remplace l'URL actuelle par une nouvelle URL de la pile historique. Par conséquent, il ne permet pas à la pile historique de contenir des informations sur la page Web précédente, ce qui signifie que l'utilisateur ne peut pas revenir en arrière.
La méthodeassign() ajoute une nouvelle entrée à la pile historique. L'utilisateur peut donc revenir à la page précédente à l'aide du bouton Précédent du navigateur Web.
Grammaire
Les utilisateurs peuvent utiliser la méthode replace() pour rediriger la page selon la syntaxe suivante.
Window.location.replace("<redirection_URL>")
Paramètres
Redirection_URL - L'URL de redirection est la nouvelle URL vers laquelle nous souhaitons rediriger les visiteurs vers notre page Web.
Exemple
Dans cet exemple, nous utilisons la méthode replace() de l'objet location pour rediriger l'utilisateur vers une nouvelle page Web. Dans la sortie, l'utilisateur peut essayer de revenir en arrière en cliquant sur le bouton Précédent après la redirection. La méthode Replace() n'est pas autorisée à revenir.
<html>
<body>
<p>Using the <i>window.location.replace()</i> method to redirect users to another webpage.</p>
<button id="redirect" onclick="redirect()">Redirect </button>
<script type="text/javascript">
function redirect(){
window.location.replace("https://www.tutorialspoint.com");
}
</script>
</body>
</html>
De plus, les utilisateurs peuvent également utiliser la méthode naviguer() de l'objet window pour la redirection. La méthode naviguer() est obsolète et n’est donc pas recommandée pour la redirection.
Nous avons appris 3 à 4 façons de rediriger les utilisateurs vers différentes pages Web. Les utilisateurs peuvent utiliser n'importe quelle méthode en fonction de leurs besoins. Par exemple, s’ils souhaitent remplacer l’URL actuelle, utilisez la méthode Replace() ; sinon, utilisez la méthode allocate(). Les utilisateurs peuvent utiliser la méthode reload() pour obtenir de nouvelles données du serveur.
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!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
1359
52
Remplacer les caractères de chaîne en javascript
Mar 11, 2025 am 12:07 AM
Explication détaillée de la méthode de remplacement de la chaîne JavaScript et de la FAQ Cet article explorera deux façons de remplacer les caractères de chaîne dans JavaScript: le code JavaScript interne et le HTML interne pour les pages Web. Remplacer la chaîne dans le code JavaScript Le moyen le plus direct consiste à utiliser la méthode Remplace (): str = str.replace ("trouver", "remplacer"); Cette méthode remplace uniquement la première correspondance. Pour remplacer toutes les correspondances, utilisez une expression régulière et ajoutez le drapeau global G: str = str.replace (/ fi
Créez vos propres applications Web Ajax
Mar 09, 2025 am 12:11 AM
Vous voici donc, prêt à tout savoir sur cette chose appelée Ajax. Mais qu'est-ce que c'est exactement? Le terme Ajax fait référence à un regroupement lâche de technologies utilisées pour créer un contenu Web interactif dynamique. Le terme Ajax, inventé à l'origine par Jesse J
10 JQUERY FUN ET PLIGINS DE GAMES
Mar 08, 2025 am 12:42 AM
10 plugins de jeu JQuery amusants pour rendre votre site Web plus attrayant et améliorer l'adhérence des utilisateurs! Bien que Flash soit toujours le meilleur logiciel pour développer des jeux Web occasionnels, JQuery peut également créer des effets surprenants, et bien qu'il ne soit pas comparable aux jeux Flash Pure Action, dans certains cas, vous pouvez également vous amuser inattendu dans votre navigateur. jeu jquery tic toe Le "Hello World" de la programmation de jeux a désormais une version jQuery. Code source JQUERY Crazy Word Composition Game Il s'agit d'un jeu de remplissage, et il peut produire des résultats étranges en raison de ne pas connaître le contexte du mot. Code source Jeu de balayage de la mine jQuery
Tutoriel JQuery Parallax - Contexte d'en-tête animé
Mar 08, 2025 am 12:39 AM
Ce tutoriel montre comment créer un effet de fond de parallaxe captivant à l'aide de jQuery. Nous allons construire une bannière d'en-tête avec des images en couches qui créent une profondeur visuelle étonnante. Le plugin mis à jour fonctionne avec jQuery 1.6.4 et plus tard. Télécharger le
Comment créer et publier mes propres bibliothèques JavaScript?
Mar 18, 2025 pm 03:12 PM
L'article discute de la création, de la publication et du maintien des bibliothèques JavaScript, en se concentrant sur la planification, le développement, les tests, la documentation et les stratégies de promotion.
Comment optimiser le code JavaScript pour les performances dans le navigateur?
Mar 18, 2025 pm 03:14 PM
L'article traite des stratégies pour optimiser les performances JavaScript dans les navigateurs, en nous concentrant sur la réduction du temps d'exécution et la minimisation de l'impact sur la vitesse de chargement de la page.
Rafraîchissement automatique du contenu div utilisant jQuery et Ajax
Mar 08, 2025 am 12:58 AM
Cet article montre comment actualiser automatiquement le contenu d'un div toutes les 5 secondes à l'aide de jQuery et Ajax. L'exemple récupère et affiche les derniers articles de blog d'un flux RSS, ainsi que le dernier horodatage de rafraîchissement. Une image de chargement est en optiona
Commencer avec Matter.js: Introduction
Mar 08, 2025 am 12:53 AM
Matter.js est un moteur de physique du corps rigide 2D écrit en JavaScript. Cette bibliothèque peut vous aider à simuler facilement la physique 2D dans votre navigateur. Il fournit de nombreuses fonctionnalités, telles que la capacité de créer des corps rigides et d'attribuer des propriétés physiques telles que la masse, la zone ou la densité. Vous pouvez également simuler différents types de collisions et de forces, tels que la frottement de gravité. Matter.js prend en charge tous les navigateurs grand public. De plus, il convient aux appareils mobiles car il détecte les touches et est réactif. Toutes ces fonctionnalités font de votre temps pour apprendre à utiliser le moteur, car cela facilite la création d'un jeu ou d'une simulation 2D basé sur la physique. Dans ce tutoriel, je couvrirai les bases de cette bibliothèque, y compris son installation et son utilisation, et fournir un
