JavaScript

Diferença entre location.host e location.hostname em JavaScript

20 de abril de 2022

Diferença entre location.host e location.hostname em JavaScript

Neste artigo você vai aprender qual a diferença entre location.host e location.hostname em JavaScript, propriedades do objeto window

diferença entre location.host e location.hostname em JavaScript capa

Fala programador(a), beleza? Bora aprender mais sobre o objeto location e JavaScript!

As propriedades host e hostname podem ter o mesmo valor em muitos casos

Isso acontece pois elas extraem basicamente a mesma informação

A grande diferença é que hostname tem um escopo menor, ele extrai a informação apenas do nome do domínio

Já o host pode pegar a porta também, se ela for exposta, por exemplo

Imagine a URL: https://www.site.com:5000

Agora veja o seguinte código:

console.log(window.location.host) // www.site.com:5000

console.log(window.location.hostname) // www.site.com

Veja que a diferença nas respostas é sutil, mas o host exibe mais informações

Em alguns casos a porta não nos interessa, por isso vemos mais a aplicação de hostname

Agora você sabe quando utilizar um ou outro nos seus projetos 🙂

Conclusão

Neste artigo você aprendeu sobre a diferença entre location.host e location.hostname em JS

Com hostname temos um escopo mais fechado, apenas recebendo o domínio de um site

Já o host nos informa a porta também, uma informação mais rica

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x