Obtener información de la URL

28/Sep/2007 JavaScript , , 4 Comentarios

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:

  1. document.writeln("HostName: " + document.location.hostname + "<br/>");
  2. document.writeln("Protocol: " + document.location.protocol + "<br/>");
  3. document.writeln("Host: " + document.location.host + "<br/>");
  4. document.writeln("Port: " + document.location.port + "<br/>");
  5. document.writeln("PathName: " + document.location.pathname + "<br/>");
  6. document.writeln("Href: " + document.location.href + "<br/>");

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

Vídeos sobre Javascript


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

4 comentarios en “Obtener información de la URL”

Víctor Cuervo

Wassaurus

Mi pregunta es la siguiente cual es lafinalidad de obtener estos datos? De que me servirían? Que podri hacer con ellos fx

Víctor Cuervo

master

oihfgisufhgiusfg

Víctor Cuervo

pedro

hola, me gustaria saber que pasa si en la url hay parametros GET

Víctor Cuervo

Mauricio Perdomo

hola me gustaria saber el funcionamiento de document.location.rel
en muy pocas partes lo he visto, pero se que existe

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*