Neste artigo você vai aprender a como pegar domínio da URL com JavaScript, e também outras informações como porta e protocolo da URL
Fala programador(a), beleza? Bora aprender a trabalhar com uma URL com JavaScript!
Vamos utilizar a classe URL para pegar as informações de um site
Basicamente vamos instanciar um novo objeto, passando a URL como parâmetro
E isso nos dará várias propriedades para explorar, como:
- hostname: que é o domínio;
- port: porta atual da aplicação;
- search: o que está nos parâmetros de query;
- pathname: qual página está a URL;
- protocol: qual o protocolo do site;
Veja o que você precisa de código para chegar neste resultado:
const url = new URL("https://google.com");
console.log(url.hostname); // google.com
console.log(url.port); // ""
console.log(url.search); // ""
console.log(url.pathname); // "/"
console.log(url.protocol); // https
É super simples, após instanciar é só acessar as propriedades descritas abaixo
Se você não sabe a URL que precisa utilizar, você pode pegar a URL atual com JavaScript também
A instrução fica:
const url = new URL(window.location.href);
Deixando o código mais dinâmico ainda 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
Neste artigo você viu como pegar domínio da URL com JavaScript
Utilizamos uma abordagem que da mais informações ainda, como: protocolo, porta e search params
Foi apresentada também uma forma de pegar a URL atual com JavaScript
Deseja programar de forma profissional? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!