Linea de Codigo

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:

<script type="text/javascript">
document.writeln("HostName: " + document.location.hostname + "<br/>");
document.writeln("Protocol: " + document.location.protocol + "<br/>");
document.writeln("Host: " + document.location.host + "<br/>");
document.writeln("Port: " + document.location.port + "<br/>");
document.writeln("PathName: " + document.location.pathname + "<br/>");
document.writeln("Href: " + document.location.href + "<br/>");
</script>

Un ejemplo de resultado, de la URL http://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: http://lineadecodigo.com/prueba/obtener-informacion-de-la-url.html

Visualizar el ejemplo | Descargar el código