Desarrollo Entorno Cliente Tema 5 Ilerna 25-26

¿Cuál es el propósito principal del DOM (Document Object Model) en la gestión de eventos de una página web?. Enviar y recibir datos del servidor de forma asíncrona sin recargar la página. Validar la sintaxis del código HTML para asegurar que es correcta según los estándares W3C. Estilizar la apariencia visual de los elementos de la página web utilizando CSS. Crear una jerarquía de objetos que modelan la página web, permitiendo que los eventos sean gestionados.

¿Qué evento de ratón se activa cuando el puntero se mueve mientras está dentro de los límites de un elemento?. mousemove. mousedown. mouseout. mouseover.

¿Cuál es la diferencia fundamental entre los eventos de teclado `keydown` y `keypress`?. `keydown` se activa al soltar una tecla y `keypress` al presionarla. No hay ninguna diferencia funcional, `keypress` es una versión obsoleta de `keydown`. `keydown` detecta cualquier tecla pulsada, mientras que `keypress` se centra en las teclas que producen un carácter. `keydown` solo funciona en campos de texto, mientras que `keypress` funciona en toda la página.

El evento `onload` se utiliza comúnmente en el objeto `Window`. ¿En qué otros elementos HTML, según la fuente, también se puede accionar este evento?. En los elementos `<p>` y `<div>`. En los elementos `<img>` y `<object>`. En el elemento `<form>`. En los elementos `<input>` y `<textarea>`.

¿Qué acción del usuario desencadena el evento `onchange` en un elemento `<select>`?. Cuando el usuario hace clic en el elemento. Cuando el elemento pierde el foco después de haber sido modificado. Cada vez que el usuario escribe un carácter en el elemento. Cuando el formulario que contiene el `<select>` es enviado.

Los eventos DOM, o eventos de mutación, se originan cuando hay un cambio en la estructura del DOM. ¿Qué evento específico se produce cuando se añade un nodo hijo a un nodo padre?. DOMNodeInserted. DOMSubtreeModified. DOMNodeRemoved. DOMNodeInsertedIntoDocument.

En el modelo de registro de eventos tradicional, si queremos asignar una función llamada `validar` al evento `onclick` de un botón, ¿cuál es la sintaxis correcta?. miBoton.onclick = validar;. miBoton('onclick', validar);. miBoton.onclick = 'validar';. miBoton.onclick = validar();.

¿Cómo se puede eliminar un manejador de eventos asignado mediante el modelo tradicional?. utilizando el método `detachEvent()`. elemento.removeEvent('onclick');. asignando el valor `null` a la propiedad del evento. elemento.onclick = false;.

Dentro de un manejador de eventos en línea (ej. `onclick="miFuncion(this)"`), ¿a qué hace referencia la palabra reservada `this`?. A la función `miFuncion` que se está llamando. Al objeto del evento que contiene información sobre el clic. Al objeto `Window` global. Al propio elemento HTML que contiene el manejador `onclick`.

¿Cuál es una ventaja clave del modelo de registro de eventos W3C (`addEventListener`) sobre el modelo tradicional (`elemento.onclick`)?. Es compatible con navegadores más antiguos como Internet Explorer 6. La sintaxis es más corta y sencilla para casos simples. No requiere especificar el tipo de evento, lo detecta automáticamente. Permite asignar múltiples funciones manejadoras al mismo evento en un solo elemento.

Al utilizar el método `removeEventListener`, ¿qué es crucial para que la eliminación del manejador de eventos funcione correctamente?. El manejador de eventos no debe haber sido ejecutado todavía. El tercer argumento (booleano) debe ser opuesto al que se usó para añadirlo. Se debe llamar desde el mismo script donde se añadió el manejador. Se debe pasar exactamente la misma referencia de función que se usó en `addEventListener`.

En el modelo de eventos de Microsoft, ¿qué dos diferencias principales presenta `attachEvent` en comparación con `addEventListener` del W3C?. No necesita especificar el evento y solo funciona con eventos de ratón. Solo permite una función por evento y la palabra `this` apunta al elemento. El nombre del evento lleva el prefijo 'on' y no soporta la fase de captura. Es más lento en ejecución y el nombre del evento se escribe en mayúsculas.

La propagación de eventos describe cómo un evento viaja a través del DOM. ¿Qué modelo propuesto por Netscape se enfoca en que el evento vaya desde el ancestro más lejano hasta el elemento de destino?. Burbujeo de eventos (bubbling). Captura de eventos. Delegación de eventos. Modelo W3C.

En un formulario HTML, ¿cuál es la función del atributo `action` de la etiqueta `<form>`?. Especificar el método HTTP que se usará para el envío (GET o POST). Ejecutar una función de JavaScript antes de enviar el formulario para validarlo. Indicar la URL o el script del lado del servidor que procesará los datos del formulario. Definir el tipo de codificación de los datos, especialmente cuando se envían archivos.

¿Cuál es la principal diferencia funcional entre un grupo de `<input type="radio">` y un grupo de `<input type="checkbox">`?. Los `radio` siempre requieren un valor (`value`), mientras que en los `checkbox` es opcional. Los `radio` son redondos y los `checkbox` son cuadrados. Los `checkbox` pueden ser deshabilitados (`disabled`), pero los `radio` no. En un grupo de `radio` con el mismo `name`, solo se puede seleccionar una opción, mientras que con los `checkbox` se pueden seleccionar varias.

Para que un campo de texto `<input type="text">` no pueda ser modificado por el usuario, pero su valor sí se envíe con el formulario, ¿qué atributo se debe usar?. disabled. readonly. locked. hidden.

¿Qué tipo de `<input>` se utiliza para crear un botón que, al ser pulsado, vacía todos los campos del formulario a sus valores iniciales?. <input type="clear">. <input type="button">. <input type="submit">. <input type="reset">.

En JavaScript, ¿cuál de las siguientes es una forma válida de acceder a un formulario que tiene el atributo `name="infoUsuario"`?. document.getFormByName('infoUsuario'). document.forms['infoUsuario']. document.forms.infoUsuario. document.querySelector('form[name=infoUsuario]').

Si un formulario no tiene un atributo `action` especificado, ¿qué ocurre cuando se envía?. Se abre el cliente de correo electrónico del usuario para enviar los datos. Se envían los datos a la página de inicio del sitio web. Se produce un error y el formulario no se envía. Los datos se envían a la misma URL de la página que contiene el formulario.

Además de los botones de tipo `submit`, ¿qué otras dos etiquetas o tipos de input pueden iniciar el envío de un formulario?. `<input type="button">` y `<input type="reset">`. `<a>` y `<span>`. `<input type="radio">` y `<input type="checkbox">`. `<button type="submit">` y `<input type="image">`.

En JavaScript, ¿qué método se puede usar en un objeto de formulario para enviarlo programáticamente, sin que el usuario haga clic en un botón de envío?. form.action(). form.send(). form.post(). form.submit().

¿Cómo se puede modificar la apariencia de un botón de formulario usando CSS, según el ejemplo del texto?. Utilizando JavaScript para cambiar las propiedades CSS del botón después de que la página cargue. Añadiendo un atributo `style` directamente en la etiqueta `<input>`. Añadiendo un atributo `class` al `input` y definiendo los estilos para esa clase en una etiqueta `<style>`. No es posible modificar la apariencia de los botones de formulario, ya que dependen del sistema operativo.

Para agrupar semánticamente un conjunto de controles de formulario relacionados, como 'Nombre' y 'Apellidos', y darles un título, ¿qué etiquetas HTML se utilizan?. `<group>` y `<title>`. `<table>` y `<caption>`. `<div>` y `<span>`. `<fieldset>` y `<legend>`.

En el ejemplo de CSS para organizar un formulario (pág. 103), ¿qué propiedad se utiliza para que las etiquetas (`<label>`) y los campos de texto (`<input>`) se coloquen uno al lado del otro en lugar de uno debajo del otro?. vertical-align: middle;. position: absolute;. float: left;. display: inline-block;.

¿Cuál es la principal ventaja de realizar la validación de un formulario en el lado del cliente (con JavaScript) en lugar de solo en el lado del servidor?. Permite realizar validaciones más complejas, como comprobar si un nombre de usuario ya existe en la base de datos. Proporciona una respuesta más rápida al usuario y reduce la carga del servidor. Funciona incluso si el usuario tiene JavaScript desactivado en su navegador. Es más seguro porque los datos nunca salen del navegador del usuario si son incorrectos.

Para cancelar el envío de un formulario desde una función de validación llamada en el evento `onsubmit`, ¿qué valor debe devolver esa función?. false. undefined. true. null.

En expresiones regulares, ¿qué carácter se utiliza como ancla para indicar que la coincidencia debe ocurrir al inicio de la cadena de texto?. ^. *. $. \b.

Si se desea que un patrón en una expresión regular coincida con una letra 'p' que aparece exactamente 2 veces seguidas, ¿cuál de los siguientes cuantificadores se usaría?. /p+/. /p{2}/. /p?p?/. /p*/.

En una expresión regular, ¿qué representa la clase de caracteres `\d`?. La letra 'd' literalmente. Cualquier carácter, incluyendo letras, dígitos y subrayados. Cualquier carácter de dígito, del 0 al 9. Cualquier carácter que no sea un dígito.

Si una expresión regular es `/[^aeiou]/`, ¿con qué coincidirá?. Con cualquiera de las vocales 'a', 'e', 'i', 'o', 'u'. Con una cadena que comience con una vocal. Con la cadena de texto literal '[^aeiou]'. Con cualquier carácter que no sea una vocal minúscula.

¿Qué evento se produce cuando se hace doble clic sobre el botón izquierdo del ratón?. Dblclick. Mouseup. Mousedown. Click.

El evento `onblur` se dispara en un elemento cuando... El usuario hace clic en él. El usuario redimensiona la ventana del navegador. El contenido del elemento cambia. El elemento pierde el foco.

Según el texto, ¿qué modelo de registro de eventos fue utilizado por los navegadores antiguos y se considera menos flexible porque el evento se convierte en una propiedad del elemento?. Modelo W3C. Modelo de registro tradicional. Modelo de Microsoft. Modelo en línea.

En el modelo W3C (`addEventListener`), si se registran tres funciones diferentes para el mismo evento 'click' en un elemento, ¿qué sucede cuando se hace clic en ese elemento?. Se ejecutan las tres funciones, aunque el orden de ejecución no está garantizado. Se produce un error de JavaScript porque no se pueden registrar múltiples manejadores. Solo se ejecuta la última función registrada, sobreescribiendo a las demás. Se ejecutan las tres funciones en el orden inverso al que fueron registradas.

Para prevenir la acción por defecto de un evento (como seguir un enlace al hacer clic), ¿qué método se utiliza dentro del manejador de eventos en el modelo W3C?. preventDefault(). stopEvent(). return false;. cancelEvent().

¿Qué modelo de propagación de eventos es el único soportado por el modelo de Microsoft (`attachEvent`)?. Tanto captura como burbujeo. Burbujeo (Bubbling). Delegación (Delegation). Captura (Capturing).

El modelo de propagación W3C es un estándar intermedio. ¿En qué orden se producen las fases de propagación de un evento?. Solo Burbujeo. Burbujeo, luego Captura. Captura hasta el elemento, luego Burbujeo desde el elemento. Solo Captura.

En un formulario, el atributo `method` puede tener dos valores principales. ¿Cuál de ellos envía los datos del formulario como parte de la URL?. SEND. ACTION. GET. POST.

¿Por qué es crucial asignar un atributo `name` a un elemento de formulario como `<input>` o `<textarea>`?. Para que JavaScript pueda seleccionarlo con `document.getElementById()`. Para cumplir con el estándar XHTML, pero no tiene una función práctica. Para poder aplicarle estilos CSS mediante un selector de nombre. Para que el servidor pueda identificar el dato enviado y asociarlo a un nombre de campo.

Si se necesita que el usuario introduzca una contraseña, ¿qué `type` de `input` se debe utilizar para que los caracteres se muestren ocultos?. type="secure". type="text". type="password". type="hidden".

Para permitir al usuario adjuntar un archivo en un formulario, ¿qué valor debe tener el atributo `type` del elemento `<input>`?. upload. document. file. attach.

Además de `document.getElementById()`, ¿qué otra forma de acceder a un formulario se describe en el texto que utiliza la estructura del documento?. Usando `document.querySelector('form')`. Usando el nombre del formulario como una variable global. Usando `document.getElementsByClassName('miFormulario')`. Usando la colección `document.forms` por índice o nombre.

En CSS, ¿qué propiedad se puede utilizar para añadir un espacio interior entre el contenido de un campo de texto y su borde?. outline. border-spacing. padding. margin.

La etiqueta `<label>` es importante para la accesibilidad de los formularios. ¿Cómo se asocia una etiqueta `<label>` a un control de formulario específico como un `<input>`?. Poniendo el `<input>` dentro de la etiqueta `<label>`. Usando el atributo `aria-labelledby` en el `<input>`. Dándoles el mismo atributo `name` a la `<label>` y al `<input>`. Usando el atributo `for` en la `<label>` para que apunte al `id` del `<input>`.

¿Cuál es la principal diferencia entre la validación del lado del servidor y la del lado del cliente?. La del cliente se hace con JavaScript y la del servidor con PHP, ASP, etc. La del cliente solo puede comprobar el formato, y la del servidor puede comprobar la lógica. La del cliente se ejecuta en el navegador del usuario antes de enviar los datos, y la del servidor se ejecuta en el servidor después de recibirlos. La validación del cliente es obligatoria, mientras que la del servidor es opcional.

¿Cómo se indica la estructura de una expresión regular en JavaScript, según el texto?. Entre paréntesis, ej. (expresion). Entre comillas simples, ej. 'expresion'. Usando el constructor `new RegExp("expresion")`. Entre barras diagonales, ej. /expresion/.

En expresiones regulares, ¿qué significa el cuantificador `+`?. Coincide con el carácter anterior cero o una vez. Hace que el carácter anterior se interprete literalmente. Coincide con el carácter anterior una o más veces. Coincide con el carácter anterior cero o más veces.

Si queremos validar con una expresión regular que una cadena contenga al menos 2 dígitos, pero no más de 4, ¿qué sintaxis se usaría?. /\d[2,4]/. /(\d*){2,4}/. /\d{2,}/\d{,4}/. /\d{2,4}/.

En expresiones regulares, ¿qué representa el metacaracter `.` (punto)?. Un espacio en blanco. Cualquier carácter excepto un salto de línea. El final de la cadena. El carácter de punto literal.

¿Cuál es la función del metacaracter `\s` en una expresión regular?. Coincidir con cualquier carácter que no sea un espacio en blanco. Coincidir con cualquier carácter de espacio en blanco (espacio, tabulador, salto de línea). Marcar el inicio de una secuencia especial. Coincidir con la letra 's' literalmente.

El evento `onunload` se activa cuando... El usuario cancela la carga de la página antes de que termine. Se ha producido un error al cargar una imagen. La página ha desaparecido por completo porque el usuario navega a otra. La página ha terminado de cargar todos sus recursos.

En el modelo tradicional de eventos, si se escribe `elemento.onclick = hacerAlgo();`, ¿qué se está asignando realmente a `onclick`?. Nada, esto producirá un error de sintaxis. El valor que devuelve la función `hacerAlgo` tras ser ejecutada inmediatamente. La referencia a la función `hacerAlgo`. Una cadena de texto con el nombre de la función.

En el contexto del modelo de eventos de Microsoft, ¿por qué la palabra `this` dentro de un manejador de eventos adjuntado con `attachEvent` resulta 'completamente inútil' para referenciar al elemento que disparó el evento?. Porque `this` siempre hace referencia al objeto `Window` global. Porque `this` hace referencia a la propia función manejadora. Porque `this` es `null` en ese contexto. Porque `this` no está definido y causa un error.

Si se tiene un formulario con varios botones, ¿cómo se puede crear un botón que tenga una acción personalizada mediante JavaScript sin que envíe o reinicie el formulario?. Usando `<input type="submit" onclick="miFuncion(); return false;">`. Usando `<input type="reset" onclick="miFuncion();">`. Usando `<input type="button" onclick="miFuncion();">`. Usando `<button onclick="miFuncion();">` sin un atributo `type`.

En el contexto de la validación de formularios, ¿cuál es el propósito de la expresión `return validarForm()` en el atributo `onsubmit` de un formulario?. Pasar el resultado de la función `validarForm` como un dato más del formulario. Ejecutar la función `validarForm` después de que el formulario se haya enviado. Mostrar el resultado de `validarForm` en una alerta antes de enviar. Ejecutar la validación y usar su valor de retorno (`true` o `false`) para decidir si el envío del formulario continúa o se cancela.

En expresiones regulares, ¿qué representa la expresión `[a-z]`?. Solo las letras 'a' y 'z'. Cualquier carácter alfanumérico. La cadena literal 'a-z'. Cualquier letra minúscula del alfabeto inglés, de la 'a' a la 'z'.

En el ejemplo `var expresion = /la(?=mundo)/`, ¿qué tipo de construcción de expresión regular representa `(?=mundo)`?. Una aserción de búsqueda anticipada positiva (positive lookahead). Un grupo de captura. Un grupo que no captura. Un comentario en la expresión regular.

El evento `onmouseover` se diferencia de `onmouseenter` (no mencionado en el texto, pero un concepto relacionado) en un aspecto clave. Basado en la descripción de `mouseover`, ¿cuál es su comportamiento?. Se produce cuando el puntero del ratón está encima de un elemento o de cualquiera de sus elementos hijos. Es idéntico a `onmousemove`. Se produce solo si se hace clic mientras el puntero está encima. Solo se produce una vez cuando el puntero entra en los límites del elemento padre, ignorando a los hijos.

¿Para qué tipo de elementos de formulario es relevante el evento `onselect`?. Para el elemento `<form>` en su conjunto. Para botones de radio (`<input type="radio">`) y casillas de verificación (`<input type="checkbox">`). Para campos de texto (`<input type="text">`) y áreas de texto (`<textarea>`). Para botones (`<input type="submit">`) y listas desplegables (`<select>`).

En la propagación de eventos W3C, la fase que ocurre en el propio elemento que originó el evento se conoce como... Fase objetivo (Target Phase). Fase de delegación (Delegation Phase). Fase de captura (Capture Phase). Fase de burbujeo (Bubbling Phase).