Allez dans URL avec onclick en javascript

Dans la programmation JavaScript, il y a une situation où vous souhaitez accéder à d'autres sites Web par un lien fourni, ou il est nécessaire de relier votre contenu ou votre vidéo en référence à un autre site Web. Cette approche peut être utilisée pour une meilleure compréhension du concept déclaré. De plus, relier différentes pages Web dans un site Web permet de gagner du temps et d'améliorer la lisibilité.

Ce blog vous guidera sur l'aller à URL OnClick en JavaScript.

Allez sur URL en utilisant l'événement «onclick» en javascript

Pour aller à l'URL en utilisant l'événement OnClick en JavaScript, vous pouvez utiliser:

• Le "fenêtre.ouvrir()" méthode.
• Le "fenêtre.emplacement”Méthode d'objet.

Nous allons maintenant passer par chacune des méthodes mentionnées une par une!

Méthode 1: Accédez à URL avec onclick en javascript à l'aide de la fenêtre.Méthode Open ()

En JavaScript, le «fenêtre.ouvrir()»La méthode est utilisée pour ouvrir une nouvelle fenêtre de navigateur. Vous pouvez également utiliser cette méthode pour accéder à une URL spécifiée à l'aide du bouton "sur clic" événement.

Syntaxe

fenêtre.ouvert (URL, Windowname, Specs);

Ici, "URL"Fait référence au lien du site Web,"windowname"Est le nom de la fenêtre, et"spécifications”Fait référence à la liste d'éléments séparés par des virgules.

Regardez l'exemple donné ci-dessous.

Exemple
Dans l'exemple ci-dessous, nous ajouterons un bouton et spécifierons son "sur clic”Événement de telle manière que lorsque le bouton est cliqué, l'événement OnClick accédera à la fonction"OpenGoogleByMethod ()»:

Ouvrir Google

Maintenant, nous allons définir une fonction "OpenGoogleByMethod ()"Et utilisez le"fenêtre.ouvrir()«Méthode et passez le«URL" de la "Google»Site en elle comme argument. Cela entraînera l'ouverture du site spécifié dans un nouvel onglet:

La sortie de l'implémentation ci-dessus entraînera:

Méthode 2: Accédez à URL avec onclick en javascript à l'aide de la fenêtre.Méthode de localisation

Le "fenêtre.emplacement()«La méthode peut être utilisée pour récupérer la page actuelle («URL») Puis redirigez le navigateur vers une nouvelle adresse de page. Vous pouvez également utiliser cette méthode pour accéder à l'URL spécifiée à l'aide du «emplacement" objet.

Passons en revue l'exemple suivant pour une meilleure compréhension:

Exemple
Dans notre JavaScript, nous appliquerons le «fenêtre.emplacement()«Méthode, où le«emplacement«L'objet contiendra les informations sur l'emplacement actuel, qui est«Google" dans ce cas. Le "fenêtre.emplacement.href»La propriété renvoie ensuite l'URL de la page spécifiée dans la fenêtre.emplacement:

L'exécution du code-donné ci-dessus entraînera la sortie suivante:

Nous avons fourni toutes les méthodes les plus simples pour aller à l'URL en appliquant ONClick en JavaScript.

Conclusion

En JavaScript, pour aller à l'URL avec onClick, vous pouvez utiliser le «fenêtre.ouvrir()«Méthode pour ouvrir la fenêtre avec le« spécifié «URL»Ou appliquez le«fenêtre.emplacement”Méthode d'objet pour spécifier l'emplacement de l'URL spécifiée et de la«fenêtre.emplacement.href”Propriété pour retourner l'URL de la page spécifiée.

Cet article a expliqué les méthodes pour accéder à l'URL en utilisant onclick en javascript.