Aller à l'URL avec Onclick en JavaScript

1. Aller à l’URL en utilisant window.open() en JavaScript
2. Aller à l’URL en utilisant window.location en JavaScript

L’objet window est l’un des objets les plus importants utilisés pour communiquer avec le navigateur. Il représente la fenêtre du navigateur. Toutes les variables globales, fonctions deviennent membres de l’objet window. L’objet de localisation de la fenêtre est utilisé pour obtenir l’URL de la page actuelle et également pour modifier l’URL de redirection.

Dans l’article d’aujourd’hui, nous allons apprendre comment accéder à l’URL avec onclick en JavaScript.

L’objet fenêtre JavaScript propose deux méthodes, la première utilise l’attribut location et la seconde utilise la méthode open().

Aller à l’URL en utilisant window.open() en JavaScript

Il s’agit d’une méthode d’interface Windows fournie par JavaScript, qui charge l’URL/la ressource spécifiée dans un nouvel onglet ou un navigateur existant avec le nom spécifié. Cette méthode générera une nouvelle fenêtre pour ouvrir une URL spécifiée. Chaque fois que la méthode window.open() renvoie, elle contient about:blank. L’URL réelle sera chargée une fois que le bloc de script actuel aura terminé son exécution.

Syntaxe de window.open() en JavaScript

window.open(url, windowName, windowFeatures);

Paramètre

• url : c’est un paramètre obligatoire qui accepte des URL valides, des chemins d’images ou d’autres ressources prises en charge par les navigateurs. Si une chaîne vide est passée, cela ouvrira un nouvel onglet avec une URL vide.
• windowName : C’est un paramètre optionnel, qui précise le nom du contexte de navigation. Cela ne définit pas le titre de la fenêtre. De plus, ce nom de fenêtre ne doit contenir aucun espace.
• windowFeatures : C’est un paramètre optionnel. Ce paramètre accepte les propriétés de fenêtre séparées par des virgules d’un nouvel onglet sous la forme nom=valeur ou simplement name si la propriété est booléenne. Certaines des caractéristiques sont la position et la taille par défaut de l’objet fenêtre.

Exemple de code :

<button type="button" id="btn" onclick="openGoogleByMethod()">Open Google</button>

window.open('https://www.google.com');

Aller à l’URL en utilisant window.location en JavaScript

Il s’agit d’une propriété en lecture seule de window.location, qui renvoie l’objet Location. Cet objet contient des informations sur l’emplacement actuel du document. L’objet de localisation contient également d’autres propriétés telles que href, protocole, hôte, nom d'hôte, port, etc.

Les propriétés de window.location sont également accessibles directement en utilisant location car l’objet fenêtre reste toujours en haut de la chaîne de portée. Les utilisateurs peuvent utiliser la propriété href ou assigner la méthode de l’objet Emplacement pour charger/ouvrir d’autres URL/ressources.

Syntaxe

window.location = URL_PATH;
window.location.href = URL_PATH;
window.location.assign(URL_PATH);

Paramètre

• URL_PATH : C’est un paramètre obligatoire qui accepte les URL valides qui doivent être ouvertes. Cette URL peut être une URL absolue, une URL relative, une URL d’ancrage ou un nouveau protocole.

Exemple de code :

<button type="button" id="btn" onclick="openGoogle()">Open Google</button>

window.location = 'https://www.google.com';
window.location.href = 'https://www.google.com';