Início /Programação /JavaScript /Como obter o URL completo da página atual com JavaScript

Como obter o URL completo da página atual com JavaScript

Por: Angelo Luis Ferreira | 25/06/2018 Acessos: 11.668

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>

😀 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>

😀 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

×

Infomações do site / SEO