Obtener URL o partes en javascript

Al igual que otros lenguajes de programación orientados a desarrollo web, javascript puede acceder a partes de la URL en la que nos encontramos.

Veamos las diferentes opciones:

location.host: Devuelve el nombre del servidor sin el protocolo http://.

//url de ejemplo: http://blog.alejandromolero.com
var url = location.host; // blog.alejandrmolero.com

location.hostname: Muy similiar a location.host, devuelve el nombre del servidor.

//http://blog.alejandromolero.com
var url = location.hostname; // blog.alejandrmolero.com

location.hash: Devuelve el hash (#) de la url. Este método se usaba y se usa mucho para una navegación sin recargar la página web.

//url de ejemplo: http://blog.alejandromolero.com/#seccion3
var url = location.hash; // #seccion3

location.href: Devuelve la ruta completa el que te encuentras.

//url de ejemplo: http://blog.alejandromolero.com/obtener-url-y-partes-de-la-url-en-javascript
var url = location.href; // http://blog.alejandromolero.com/obtener-url-y-partes-de-la-url-en-javascript

 location.origin: Devuelve el nombre del servidor, junto con el protocolo y el número puerto.

//http://blog.alejandromolero.com
var url = location.origin; // http://blog.alejandromolero.com:80

location.pathname: Devuelve el path o ruta en la que te encuentras. No devuelve ni protocolo ni el nombre de dominio.

//url de ejemplo: http://blog.alejandromolero.com/obtener-url-y-partes-de-la-url-en-javascript
var url = location.pathname; // obtener-url-y-partes-de-la-url-en-javascript

location.protocol: Devuelve el protocolo de la url en la que te encuentras; por ejemplo http: o https:

//url de ejemplo: http://blog.alejandromolero.com
var url = location.protocol;  // http:

 location.search: Devuelve la parte de búsqueda o paso de parámetros de una URL.

//url de ejemplo: http://blog.alejandromolero.com/?color=rojo&numero=40
var busqueda = location.search; // ?color=rojo&numero=40

 

You may also like...

Deja un comentario