Localização da janela JavaScript
O window.locationobjeto pode ser usado para obter o endereço da página atual (URL) e redirecionar o navegador para uma nova página.
Localização da janela
O window.locationobjeto pode ser escrito sem o prefixo da janela.
Alguns exemplos:
window.location.hrefretorna o href (URL) da página atualwindow.location.hostnameretorna o nome de domínio do host da webwindow.location.pathnameretorna o caminho e o nome do arquivo da página atualwindow.location.protocolretorna o protocolo da web usado (http: ou https:)window.location.assign()carrega um novo documento
Localização da janela Href
A window.location.hrefpropriedade retorna a URL da página atual.
Exemplo
Exiba o href (URL) da página atual:
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
Resultado é:
Page location is https://pt.pictoshow.com/js/js_window_location.asp
Nome do host do local da janela
A window.location.hostnamepropriedade retorna o nome do host da internet (da página atual).
Exemplo
Exiba o nome do host:
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
Resultado é:
Page hostname is pt.pictoshow.com
Nome do caminho do local da janela
A window.location.pathnamepropriedade retorna o nome do caminho da página atual.
Exemplo
Exiba o nome do caminho da URL atual:
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
Resultado é:
Page path is /js/js_window_location.asp
Protocolo de localização da janela
A window.location.protocolpropriedade retorna o protocolo web da página.
Exemplo
Exiba o protocolo da web:
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
Resultado é:
Page protocol is https:
Porta de localização da janela
A window.location.portpropriedade retorna o número da porta do host da internet (da página atual).
Exemplo
Exiba o nome do host:
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
Resultado é:
Port number is
A maioria dos navegadores não exibirá números de porta padrão (80 para http e 443 para https)
Atribuir localização da janela
O window.location.assign()método carrega um novo documento.
Exemplo
Carregue um novo documento:
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>