Comment récupérer le nom de domaine d'une URL en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2022-05-06 09:53:35
Thèmes : javascript - url
Question

Comment faire pour récupérer le nom de domaine d'une URL en JavaScript, c'est à dire récupérer www.collaborativejob.com à partir de l'URL https://www.collaborativejob.com/7768/comment-recuperer-le-nom-de-domaine-dune-url-en-javascript.

Réponse

Pour récupérer le nom de domaine d'une URL en JavaScript, vous pouvez utiliser la propriété hostname.

Il faut préalablement déclarer que la chaine de caractères est une URL, pour cela on utilise L'interface URL :

var objet = new URL(url);

C'est seulement ensuite qu'on peut récupérer le nom de domaine via la propriété hostname :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment récupérer le nom de domaine d'une URL en JavaScript ?</title>
</head>
<body>
<script> 
var url = "https://www.collaborativejob.com";
var objet = new URL(url);
alert(objet.hostname);
</script>
</body>
</html>

Vous trouverez d'avantage d'information sur la propriété hotsname, et la manière de récupérer le nom de domaine d'une URL, via cette page du site de Mozilla.