Cómo obtener la URL de una página con JavaScript

Cómo obtener la URL de una página con JavaScript

Normalmente cuando hacemos temas de redireccionamiento o comprobar/obtener la URL de una web trabajamos del lado del servidor con PHP. En ciertos casos es muy posible que necesitemos hacerlo vía JavaScript y aquí os voy a explicar cómo.

Por ejemplo, pongamos el enlace de esta entrada:  http://duyal.es/obtener-la-url-con-javascript/

Esta URL con JavaScript se divide en las siguientes partes:

  • window.location.protocol = “http”
  • window.location.host = “duyal.es”
  • window.location.pathname = “obtener-url-con-javascript”

Por lo que para conseguir una URL completa es tan sencillo como hacer lo siguiente:

1
var url = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname;

Si por el contrario necesitas conseguir la ruta de una forma más especifica en casos como http://duyal.es/bla/bla2/bla3/titulo-de-la-pagina podemos separar la cadena de caracteres por el caracter “/”:

1
var urlArray = window.location.pathname.split( '/' );

Y así conseguimos un array con las diferentes partes de la URL. Para acceder a una de ellas basta con:

1
var secondLevelLocation = pathArray[0];

Para volver a juntar el array y formar la URL hacemos lo siguiente:

1
2
3
4
5
var url = "";
for ( i = 0; i < urlArray.length; i++ ) {
  url += "/";
  url += pathArray[i];
}

Seguro que en algún momento esto os sacará, como a mí, de algún apuro programando con JavaScript.