Comment naviguer vers une autre page en javascript

Dans les applications Web, la navigation de pages est une fonctionnalité importante. Il peut être réalisé en utilisant des hyperliens en HTML, tandis que parfois, les développeurs doivent rediriger vers une autre page à l'aide de JavaScript. Par exemple, lors de la soumission des formulaires, les utilisateurs sont redirigés vers le message de réussite ou d'erreur ou l'URL / page ciblée sur un bouton cliquer.

Ce tutoriel démontrera les méthodes pour naviguer dans la page vers une autre page à l'aide de JavaScript.

Comment naviguer vers une autre page en javascript?

Pour naviguer ou rediriger, utilisez les approches JavaScript suivantes:

• Assign () Méthode
• Méthode remplacer ()
• Attribut HREF

Méthode 1: Accédez à une autre page en utilisant «l'emplacement.Assign () ”Méthode

Utilisez le "attribuer()«Méthode avec le«emplacement”Objet pour naviguer dans une autre page. Il redirige le navigateur vers l'URL fournie de la même manière qu'un hyperlien.

Syntaxe

La syntaxe suivante est utilisée pour la méthode Assign () pour rediriger la page vers une autre page:

emplacement.attribuer ("URL")

Il faut un «URL”Chemin comme argument où la page sera redirigé:

Exemple

Dans un fichier HTML, créez un bouton qui redirigera vers le site officiel du Linuxhint sur le bouton CLIC:

Cliquez ici

Définir une fonction "navigationpage ()"Dans un fichier javascript, qui se déclenchera sur le bouton cliquer. Cette fonction appelle «attribuer()”Méthode en passant l'URL comme argument pour rediriger vers le Linuxhint officiel.COM Site Web:

function naviguepage ()
emplacement.attribuer ("https: // linuxhint.com ");

Comme vous pouvez le voir, nous avons réussi à naviguer vers le Linuxhint.site Web sur le bouton cliquer:

Dans le coin supérieur gauche, vous pouvez voir qu'après avoir navigué vers le Linuxhint.Site Web com, le bouton de flèche arrière est activé. Cela signifie qu'il vous permet de revenir en arrière ou de naviguer vers la page précédente.

Méthode 2: Accédez à une autre page en utilisant «l'emplacement.Méthode remplacer () ”

Pour naviguer vers une autre page, utilisez le javascript intégré "emplacement.remplacer()" méthode. Il est utilisé pour remplacer le document / page actuel par une nouvelle page. Cette méthode est similaire à l'emplacement.Assign (), mais la différence est qu'elle remplace la page et ne vous permet pas de revenir en arrière.

Syntaxe

Suivez la syntaxe fournie pour la méthode Replace ():

emplacement.remplacer ("URL")

Exemple

Appelez la méthode Remplace () par l'URL spécifiée dans la fonction définie:

function naviguepage ()
emplacement.remplacer ("https: // linuxhint.com ");

La sortie indique que la page a été naviguée avec succès, mais vous pouvez voir qu'elle ne permet pas de revenir à la page précédente lorsque le bouton arrière est désactivé:

Méthode 3: Accédez à une autre page en utilisant «l'emplacement.Attribut HREF »

Vous pouvez également utiliser le «href»Propriété avec le«emplacement”Objet pour naviguer vers une autre page en utilisant JavaScript. Pour la navigation, attribuez une nouvelle valeur d'URL. L'attribut «HREF» indique l'URL de la page actuelle. En lui donnant une nouvelle valeur, il peut être utilisé pour aller à l'autre URL.

Syntaxe

La syntaxe donnée est utilisée pour l'attribut HREF pour naviguer dans la page vers une autre page:

emplacement.href = "url"

Exemple

Attribuez l'URL à l'attribut HREF dans la fonction définie pour rediriger vers le Linuxhint.COM Page officielle:

function naviguepage ()
emplacement.href = "https: // linuxhint.com ";

Sortir

Il s'agit de naviguer ou de rediriger vers une autre page dans JavaScript.

Conclusion

Pour naviguer sur la page vers une autre page, utilisez le «emplacement.attribuer()" méthode, "emplacement.remplacer()«Méthode, ou le«emplacement.href" attribut. La méthode «attribut (attribut ()» et l'attribut «HREF» permettent de retour. Ce tutoriel a démontré les méthodes de navigation sur la page vers une autre page à l'aide de JavaScript.