Cómo verificar si la URL actual contiene una cadena en JavaScript

A menudo, en la programación, necesitamos realizar una acción basada en la URL actual del usuario. Por ejemplo, si el usuario está en la página de inicio, podemos mostrar un mensaje de bienvenida, mientras que si el usuario está en una página específica, podemos mostrar contenido relacionado con esa página. En este artículo, aprenderemos a verificar si la URL actual contiene una cadena utilizando JavaScript y cómo podemos usar eso para realizar acciones según la URL actual.

Verificando la URL actual con JavaScript

Para verificar si la URL actual contiene una cadena en JavaScript, podemos usar el objeto 'location' que contiene información sobre la URL actual. Para obtener la URL actual, usamos el atributo 'href':

```
var currentURL = window.location.href;
```

Esto nos devuelve la URL actual como una cadena. Ahora, para verificar si la URL actual contiene una cadena específica, podemos usar el método 'includes' que devuelve true si la cadena específica está presente en la URL actual:

```
if (currentURL.includes('cadena-especifica')) {
// realizar alguna acción
}
```

Podemos modificar la cadena 'cadena-especifica' con la cadena que deseamos buscar en la URL actual.

Realizando acciones según la URL actual

Ahora que sabemos cómo verificar si la URL actual contiene una cadena, podemos usar esto para realizar acciones según la URL actual. Por ejemplo, si la cadena específica es 'contacto', podemos mostrar información de contacto en la página. Podemos hacer esto usando un condicional:

```
if (currentURL.includes('contacto')) {
// mostrar información de contacto en la página
}
```

Podemos usar este mismo enfoque para realizar acciones basadas en cualquier otra cadena específica en la URL actual.

Ejemplos de código

Aquí hay algunos ejemplos de codificación que utilizan la verificación de URL actual en JavaScript:

1. Cambiar el fondo de la página según la página actual:

```
var currentURL = window.location.href;

if (currentURL.includes('inicio')) {
document.body.style.backgroundColor = "red";
} else if (currentURL.includes('acerca-de')) {
document.body.style.backgroundColor = "green";
} else if (currentURL.includes('contacto')) {
document.body.style.backgroundColor = "blue";
} else {
document.body.style.backgroundColor = "white";
}
```

2. Redirigir a una página específica si la URL actual contiene una cadena:

```
var currentURL = window.location.href;

if (currentURL.includes('inicio')) {
// no hacer nada, permanecer en la misma página
} else if (currentURL.includes('acerca-de')) {
// no hacer nada, permanecer en la misma página
} else if (currentURL.includes('contacto')) {
// no hacer nada, permanecer en la misma página
} else {
// redirigir a la página de inicio
window.location.href = "http://ejemplo.com";
}
```

Conclusión

Verificar si la URL actual contiene una cadena en JavaScript es muy útil cuando necesitamos realizar acciones según la página actual. Podemos verificar la URL actual usando el objeto 'location' y el método 'includes'. A partir de ahí, podemos hacer lo que necesitemos según la cadena presente en la URL actual.

Preguntas frecuentes

¿Puedo buscar varias cadenas en la URL actual a la vez?

Sí, podemos buscar varias cadenas en la URL actual dividiendo la cadena en diferentes partes y usando múltiples condicionales.

¿Puedo cambiar la URL actual utilizando JavaScript?

Sí, podemos cambiar la URL actual utilizando el método 'href' del objeto 'location':

```
window.location.href = "http://nueva-url.com";
```

¿Puedo verificar la URL actual en los navegadores móviles?

Sí, podemos verificar la URL actual en los navegadores móviles utilizando JavaScript de la misma manera que en los navegadores de escritorio.

Imprimiendo el contenido de un elemento div con JavaScript

Conteo de palabras usando JavaScript

JavaScript - Obtener el nombre del tipo de objeto

Cómo eliminar una subcadena de una cadena en JavaScript

jQuery: Esperar/Retrasar 1 segundo sin ejecutar código

JavaScript: El equivalente a printf o String.Format

Cómo eliminar una cookie en JavaScript

Cómo obtener el timestamp Unix en JavaScript

Cómo eliminar el último carácter de una cadena en JavaScript