https://www.catswhocode.com/blog/wp-content/uploads/2016/06/javascript.jpg

Neste tutorial, vamos mostrar como obter o URL completo da página que está sendo visualizada no navegador. Embora o código seja bem simples, ele é muito útil para desenvolvedores de sites dinâmicos. 

Propriedade URL » (document.URL)

1. A propriedade URL retorna o endereço URL completo da página visualizada no navegador. Veja o exemplo abaixo:

<!DOCTYPE html>
<html>
<body>

<p>Clique no botão para visualizar o URL da página.</p>

<button onclick="minhaFunc()">Clique aqui</button>

<p id="demo"></p>

<script>
function minhaFunc() {
    var x = document.URL;
    document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

 laughing Para verificar os códigos acima, teste: Squids Editor. Clique no botão [Executar] para ver o resultado.

Propriedade location.href » (window.location.href)

2. De forma similar á propriedade URL, location.href também retorna o endereço URL completo da página visualizada no navegador. Veja o exemplo abaixo:

<!DOCTYPE html>
<html>
<body>

<p>Clique no botão para visualizar o URL da página.</p>

<button onclick="minhaFunc()">Clique aqui</button>

<p id="demo"></p>

<script>
function minhaFunc() {
    var x = location.href;
    document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html> 

 laughing Para verificar os códigos acima, teste: Squids Editor. Clique no botão [Executar] para ver o resultado.

Documentação Oficial

1. [document.URL] » Sobre a propriedade URL.

2. [window.location.href]  » Sobre a propriedade location.href.

O anúncio abaixo ajuda manter o Portal Visual Dicas

Comentários

Compartilhe:

Área do Usuário

Doações

Por favor, ajude o nosso site a se manter online :)

 Obrigado!
Angelo Luis Ferreira
angelo.alf@gmail.com

Produzido por:

Topo