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: https://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 https://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.
