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

septiembre 20, 2018 admin 0 Comments

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:

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 “/”:

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:

var secondLevelLocation = pathArray[0];

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

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.

leave a comment Cancelar la respuesta

This site uses Akismet to reduce spam. Learn how your comment data is processed.

DISEÑO GRAFICO EN ENTORNO VISUAL DSL SL ha sido beneficiaria de Fondos Europeos, cuyo objetivo es la mejora de la competitividad de las PYMES, y gracias al cual ha puesto en marcha un Plan de Acción con el objetivo de impulsar el uso seguro y fiable del ciberespacio y la competitividad de las pymes durante el año 2024. Para ello ha contado con el apoyo del Programa Pyme Cibersegura de la Cámara de Comercio del Campo de Gibraltar. #EuropaSeSiente