JavaScript


Web + JavaScript: Modificar parámetros GET de la URL sin redirección

Muchas veces queremos modificar los parámetros de la URL pero sin redireccionar el navegador. Esto lo podemos hacer sencillamente con JavaScript mediante dos funciones. Separando las funcionalidades, haremos una primera función que recoge el valor del parámetro que queremos buscar de la URL:

Y la función principal que cambiará el valor de ese parámetro usará la función anteriormente creada:


JavaScript: Cómo acceder a elementos del DOM

Si queremos acceder a un elemento del DOM, tenemos dos métodos para hacerlo: getElementById selecciona un elemento según su atributo “id” especificado en el HTML. Ejemplo:

getElementsByTagName selecciona una lista de nodos cuyo elemento es el especificado como parámetro, y a cada uno se le asigna un índice. Por ejemplo, el siguiente código nos devolvería el tercer párrafo (el índice comienza en 0):

No obstante, para acceder a un elemento, podemos hacer lo de muchas formas diferentes. Por ejemplo, imaginemos que queremos acceder a un campo con id “myField” que es parte de el primer form (llamado “formulario”) […]


JavaScript: Event Listener vs Event Handler

Si queremos mantener limpio nuestro HTML y acercarnos más a una buena práctica deberíamos evitar atributos HTML tales como “onClick”. Es decir, evitemos códigos como estos:

Pero entonces, ¿cómo haríamos que se ejecute código cuando ocurra nuestro evento “onClick” en un determinado elemento?. Supongamos que tenemos el siguiente elemento en HTML:

El acceso correcto a dicho elemento para el evento en el que se hace click sobre él, sería:

¿Por qué crear un Listener (Event Listener) en lugar de poner una llamada al evento “onClick” (Event Handler)? La respuesta es que nuestro HTML queda mucho más limpio […]


Métodos para redireccionar URLs (HTML, PHP y Javascript)

Veamos cómo podemos hacer diferentes direccionamientos Método 1: HTML El primer método es usar la etiqueta META de HTML. Por ejemplo, supongamos que hemos cambiado de servidor o hemos movido una página a otro directorio. El siguiente código muestra un mensaje acerca de ello y redirecciona (acción “refresh”) tras 5 segundos.

Método 2. PHP El siguiente código en PHP, redirecciona hacia otra página sin mostrar previo aviso.

Método 3. JavaScript Con JS se puede usar un temporizador, como en el Método 1, que lo definimos en el head:

O sin temporizador, expresado en el body:


Validar dirección de correo con expresiones regulares en JavaScript

Una expresión regular, a menudo llamada también patrón, es una expresión que describe un conjunto de cadenas sin enumerar sus elementos. Permiten así construir representaciones de caracteres de un lenguaje utilizando operadores de unión, concatenación y operaciones unarias. Cada expresión regular tiene un autómata finito asociado y en JavaScript delimitan su inicio con /^ y su fin con $/. Alternación Una barra vertical separa las alternativas. Por ejemplo, “marrón|castaño” casa con marrón o castaño. Cuantificación Un cuantificador tras un carácter especifica la frecuencia con la que éste puede ocurrir. Los cuantificadores más comunes son +, ? y *: + El […]