![SQL ISNULL](https://trspos.com/wp-content/uploads/sql-isnull-400x267.jpg)
Cómo verificar si la URL actual contiene una cadena en JavaScript
![Cómo verificar si la URL actual contiene una cadena en JavaScript](https://trspos.com/wp-content/uploads/compruebe-si-la-url-actual-contiene-javascript-de-cadena.jpg)
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";
```
Sí, podemos verificar la URL actual en los navegadores móviles utilizando JavaScript de la misma manera que en los navegadores de escritorio.
Deja una respuesta