Comment faire en sorte que le navigateur navigue vers l'URL en JavaScript?

Lors de la création d'un site Web réactif, il peut y avoir des cas où le développeur doit rediriger l'utilisateur vers une page Web ou un site différente. Cela améliore en conséquence la clarté du côté de l'utilisateur. Dans de telles situations, la navigation vers une URL différente en JavaScript aide à accéder facilement au contenu pertinent.

Ce blog illustrera les approches pour que le navigateur navigue vers l'URL en utilisant JavaScript.

Comment amener le navigateur à naviguer vers l'URL à l'aide de JavaScript?

Pour faire accéder au navigateur à accéder à l'URL, appliquez les approches suivantes:

• • "fenêtre.emplacement.href" propriété.
  • "remplacer()" méthode.
  • "emplacement.attribuer()" méthode.

Méthode 1: Amenez le navigateur à naviguer vers l'URL à l'aide de la «fenêtre.emplacement.propriété href ”en javascript

Le "fenêtre.emplacement.href»La propriété donne l'URL de la page actuelle. Cette propriété peut être utilisée pour naviguer directement dans le navigateur vers l'URL spécifiée.

Exemple

Présentation des lignes de code ci-dessous:

Linuxhint

Dans le bloc de code ci-dessus:

• • Tout d'abord, créez un bouton avec un "sur clic”Event accéder à la fonction myFunction ().
  • Dans le code JavaScript, définissez une fonction "myFunction ()".
  • Dans la définition de la fonction, appliquez le «fenêtre.emplacement.href”Propriété pour accéder à l'URL spécifiée sur le déclencheur du bouton.

Sortir

Dans la sortie ci-dessus, on peut voir que l'URL particulière est chargée sur le bouton cliquer.

Méthode 2: Faites accéder au navigateur à naviguer vers l'URL à l'aide de la méthode «Remplace ()» dans JavaScript

Le "remplacer()»Méthode remplace le document actuel par celui nouvellement spécifié. Cette méthode peut être appliquée pour également passer à l'URL spécifiée en remplaçant le courant.

Syntaxe

emplacement.remplacer (URL)

Dans la syntaxe ci-dessus, "URL"Fait référence à l'URL de la page où vous souhaitez naviguer.

Exemple

Passons à l'exemple suivant pour comprendre clairement le concept:

Linuxhint

Dans l'extrait de code ci-dessus:

• • De même, créez un bouton ayant un associé "sur clic”Événement invoquant la fonction indiquée.
  • Dans le code JavaScript, déclare également une fonction nommée «myFunction ()".
  • Dans sa définition, appliquez le «remplacer()”Méthode pour remplacer l'URL actuelle par l'URL mise à jour spécifiée et y passer sur le bouton cliquer.

Sortir

Méthode 3: Faites acquérir le navigateur vers l'URL à l'aide de «l'emplacement.Assign () ”Méthode en javascript

Le "emplacement.attribuer()»La méthode charge un nouveau document. Cette méthode peut être implémentée pour attribuer une nouvelle URL et y accéder lors de l'action utilisateur.

Syntaxe

emplacement.attribuer (URL)

Dans la syntaxe donnée ci-dessus, "URL»Correspond à l'URL pour changer.

Exemple

Suivons l'exemple ci-dessous:

Ce paragraphe est tout au sujet du site Web de Linuxhint
onclick = "myFunction ()"> Lire la suite…

>fonction myFunction ()
fenêtre.emplacement.attribuer ("https: // linuxhint.com / ")

Dans le code ci-dessus:

• • Tout d'abord, incluez un paragraphe ayant le contenu «»Élément contenant du texte incomplet et redirigez vers la fonction spécifiée.
  • Dans le code JS, de même, déclare une fonction "myFunction ()".
  • Dans la fonction, appliquez le «emplacement.attribuer()»Méthode pour attribuer une nouvelle URL.
  • Cette URL mise à jour sera navigue sur le bouton CLIC.

Sortir

Il s'agissait d'amener le navigateur à naviguer vers l'URL en JavaScript.

Conclusion

Pour que le navigateur navigue dans l'URL, appliquez le «fenêtre.emplacement.href»Propriété, le«remplacer()«Méthode, ou le«emplacement.attribuer()" méthode. Ces approches peuvent être utilisées pour rediriger vers l'URL spécifiée, remplacée ou nouvellement affectée. Cet article indiquait les approches pour faire accéder au navigateur à naviguer vers l'URL à l'aide de JavaScript.