tutoriais mais recente desenvolvimento web
 

JavaScript Window Location


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


Window Location

O window.location objeto pode ser escrita sem o prefixo janela.

Alguns exemplos:

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

Window Location Href

O window.location.href propriedade retorna a URL da página atual.

Exemplo

Mostrar a href (URL) da página atual:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

O resultado é:

Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
Tente você mesmo "

Window Location Hostname

O window.location.hostname propriedade retorna o nome do host internet (da página atual).

Exemplo

Exibir o nome do host:

document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;

O resultado é:

Page hostname is admin.w3ii2.com
Tente você mesmo "

Window Location Pathname

O window.location.pathname propriedade retorna o caminho da página atual.

Exemplo

Exibir o nome do caminho da URL atual:

document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;

O resultado é:

/index.php
Tente você mesmo "

Window Location Protocol

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

Exemplo

Exibir o protocolo web:

document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;

O resultado é:

Page protocol is http:
Tente você mesmo "

Window Location Assign

O window.location.assign() método carrega um novo documento.

Exemplo

Carregar um novo documento:

<html>
<head>
<script>
function newDoc() {
    window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>

<input type="button" value="Load new document" onclick="newDoc()">

</body>
</html>
Tente você mesmo "