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
