En JavaScript, il y a plusieurs méthodes pour obtenir l’URL actuelle affichée dans la barre d’adresse. Toutes les méthodes utilisent un objet Location (contient d’informations sur l’URL actuelle), qui est une propriété de l’objet Window (fournit l'adresse de la page en cours (URL) et redirige le navigateur vers une nouvelle page).
La propriété de la lecture-seule Window.location renvoie un objet Location contenant des informations sur l'emplacement actuel du document.
Avant de comprendre comment accéder à l’URL complète ou à ses composants, jetons un coup d’œil à une structure d’URL de base:
<protocol>//<hostname>:<port>/<pathname><search><hash>
Utilisez les propriétés d'objet Location suivantes pour accéder à l'URL complète ou à ses composants.
Utilisez la propriété window.location.href pour obtenir l’URL complète de la page actuelle:
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
</head>
<body>
<p id="href"></p>
<script>
document.getElementById("href").innerHTML = "L'URL complète de cette page est:<br>" + window.location.href;
</script>
</body>
</html>