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

Objeto de JavaScript

Manual de referencia de JavaScript

Manual de referencia de JS DOM

Atributo Location href

Objeto Location

hrefConfigura o devuelve la URL completa de la página actual.

Sintaxis:

Devolver el atributo href:

location.href

Establecer el atributo href:

location.href = URL
var x = location.href;
document.querySelector("#output").innerHTML = x;
Probar a ver‹/›

Compatibilidad del navegador

Todos los navegadores soportan completamente el atributo href:

Atributo
hrefEsEsEsEsEs

Valor del atributo

ValorDescripción
URLCadena que especifica la URL del enlace.
Valores posibles:

  • URL absoluta-Una ruta absoluta es una ruta que comienza en el directorio raíz del sistema de archivos. Siempre contiene la URL completa del archivo (por ejemplo href="https://es.oldtoolbag.com/html/"）

  • URL relativa -Apuntar a un archivo dentro del sitio web (por ejemplo href="/ html /"）

  • URL de ancla-Apuntar a un ancla dentro de la página (por ejemplo location.href ="#empty_element"）

  • Nuevo protocolo -Especificar otro protocolo (por ejemplo
    location.href="ftp://myftpserver.com"，
    location.href="mailto：[email protected]"
    o location.href="file：// host / path /example.txt"）

Detalles técnicos

Valor devuelto:Una cadena que representa la URL completa de la página, incluyendo el protocolo (por ejemplo https://）

Más ejemplos

Establecer el valor de href para apuntar a otro sitio web:

location.href = "https://es.oldtoolbag.com";
Probar a ver‹/›

Establecer el valor de href para apuntar a un ancla dentro de la página:

location.href = "#top";
Probar a ver‹/›

Este ejemplo muestra todas las propiedades de ubicación:

var txt = "";
txt　+= "<p>Host: "　+　location.host　+　"</p>";
txt　+= "<p>Nombre de host: "　+　location.hostname　+　"</p>";
txt　+= "<p>Href: "　+　location.href　+　"</p>";
txt　+= "<p>Origen: "　+　location.origin　+　"</p>";
txt　+= "<p>Ruta: "　+　location.pathname　+　"</p>";
txt　+= "<p>Protocolo: "　+　location.protocol　+　"</p>";
txt　+= "<p>Search: "　+　location.search　+　"</p>";
document.write(txt);
Probar a ver‹/›

Referencias relacionadas

Referencia de ubicación：propiedad location.host

Referencia de ubicación：propiedad location.hostname

Referencia de ubicación：propiedad location.pathname

Referencia de ubicación：propiedad location.protocol

Objeto Location

Objeto Navigator de JavaScriptObjeto Location de JavaScript