Como pegar domínio da URL com JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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!