English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Atributo Location href

Objeto Location  do JavaScript

hrefAtributo que define ou retorna a URL completa da página atual.

Sintaxe:

Retornar o atributo href:

location.href

Definir o atributo href:

location.href = URL;
var x = location.href;
document.querySelector("#output").innerHTML = x;
Teste e Veja‹/›

Compatibilidade do navegador

Todos os navegadores suportam completamente o atributo href:

Atributo
hrefSimSimSimSimSim

Valor do atributo

ValorDescrição
URLString que especifica a URL do link.
Valores possíveis:
  • -Um caminho absoluto é um caminho que começa no diretório raiz do sistema de arquivos. Ele sempre contém a URL completa do arquivo (por exemplo href=\//pt.oldtoolbag.com/html/")

  • URL relativa -Apontar para um arquivo dentro do site (por exemplo href=\/ html /")

  • URL do âncora-Apontar para um âncora dentro da página (por exemplo location.href =\"#empty_element\")

  • Novo protocolo -
    location.href=\//

    ou location.href=\// host / path /example.txt\"

Detalhes técnicos

Retorno:Uma string que representa a URL completa da página, incluindo o protocolo (por exemplo https:)//)

Mais exemplos

location.href = \//pt.oldtoolbag.com\"
Teste e Veja‹/›

Defina o valor de href para apontar para um âncora dentro da página:

location.href = \
Teste e Veja‹/›

Este exemplo mostra todas as propriedades de localização:

var txt = \
txt += "<p>Host: " + location.host + "</p>";
txt += "<p>Hostname: " + location.hostname + "</p>";
txt += "<p>Href: " + location.href + "</p>";
txt += "<p>Origem: " + location.origin + "</p>";
txt += "<p>Caminho: " + location.pathname + "</p>";
txt += "<p>Protocolo: " + location.protocol + "</p>";
txt += "<p>Search: " + location.search + "</p>";
document.write(txt);
Teste e Veja‹/›

Referências Relacionadas

Referência de Localização:Propriedade location.host

Referência de Localização:Propriedade location.hostname

Referência de Localização:Propriedade location.pathname

Referência de Localização:Propriedade location.protocol

Objeto Location  do JavaScript