Línea de Código
Aprende a Programar

Como vimos en el artículo «Obtener la URL del documento con JavaScript» mediante la propiedad document.URL podemos obtener la URL asociada a un documento. Esto mismo podemos hacerlo mediante la propiedad document.location.

De hecho, la propiedad document.location.href viene a ser sustituida por document.URL

Si bien, document.location nos proporciona más información. Dentro de esta información encontramos:

• hostname, nombre del host. Es el nombre más el dominio. En nuestro caso lineadecodigo.com
• protocol, el protocolo que estamos utilizando: http, https,…
• host, igual que hostname.
• port, protocolo de acceso. Si se especifica. Por ejemplo, para el caso de http, podemos utilizar el 80.
• pathname, directorio que alberga la página. Es lo que va después del hostname.
• href, es la URL entera. Como dijimos arriba, es sustituido por document.URL.

Mediante código JavaScript podemos obtener la información de estas propiedades. El código sería el siguiente:

document.writeln("HostName: " + document.location.hostname + "
");
document.writeln("Protocol: " + document.location.protocol + "
");
document.writeln("Host: " + document.location.host + "
");
document.writeln("Port: " + document.location.port + "
");
document.writeln("PathName: " + document.location.pathname + "
");
document.writeln("Href: " + document.location.href + "
");

Un ejemplo de resultado, de la URL https://lineadecodigo.com:80/prueba/obtener-informacion-de-la-url.html, sería el siguiente:

HostName: lineadecodigo.com
Protocol: http:
Host: lineadecodigo.com
Port: 80
PathName: /prueba/obtener-informacion-de-la-url.html
Href: https://lineadecodigo.com/prueba/obtener-informacion-de-la-url.html

Publicaciones relacionadas:

Obtener la referencia de la pagina en Javascript Convertir un array en una cadena con JavaScript Saber que evento se ha producido ¿Cuántos formularios hay en mi página? Acceder al hash de la URL con Javascript