Window Location

O objeto window.location pode ser usado para obter o endereço (URL) da página atual e redirecionar o navegador para uma nova página.

Window Location

window.location O objeto pode ser escrito sem o prefixo window.

Alguns exemplos:

  • window.location.href retorna o href (URL) da página atual
  • window.location.hostname retorna o domínio do host web
  • window.location.pathname retorna o caminho ou nome do arquivo da página atual
  • window.location.protocol retorna o protocolo web usado (http: ou https:)
  • window.location.assign carrega um novo documento

Href Window Location

window.location.href A propriedade retorna o URL da página atual.

Exemplo

Exibir o href (URL) da página atual:

document.getElementById("demo").innerHTML = "A localização da página é " + window.location.href;

O resultado é:

A localização da página é http://www.codew3c.com/js/js_window_location.asp

Experimente Você Mesmo

Nome do Host Window Location

window.location.hostname A propriedade retorna o nome do host do Internet (do página atual).

Exemplo

Exibir o nome do host:

document.getElementById("demo").innerHTML = "O nome do host da página é " + window.location.hostname;

O resultado é:

O nome do host da página é www.codew3c.com

Experimente Você Mesmo

Nome do Caminho Window Location

window.location.pathname A propriedade retorna o nome do caminho da página atual.

Exemplo

Exibir o nome do caminho da URL atual:

document.getElementById("demo").innerHTML = "O caminho da página é " + window.location.pathname;

O resultado é:

O caminho da página é /js/js_window_location.asp

Experimente Você Mesmo

Protocolo Window Location

window.location.protocol A propriedade retorna o protocolo web da página.

Exemplo

Exibir o protocolo web:

document.getElementById("demo").innerHTML = "O protocolo da página é " + window.location.protocol;

O resultado é:

O protocolo da página é http:

Experimente Você Mesmo

Window Location Porta

window.location.port A propriedade retorna o número da porta do host da internet (página atual).

Exemplo

Exibir a porta do host principal:

document.getElementById("demo").innerHTML = "Número da porta da máquina é: " + window.location.port;

Experimente Você Mesmo

A maioria dos navegadores não exibe o número padrão de porta (http é 80, https é 443).

Window Location Assign

window.location.assign() Método para carregar novo documento.

Exemplo

Carregar novo documento:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Carregar novo documento" onclick="newDoc()">
</body>
</html>

Experimente Você Mesmo