JS 2 - DOM, Alertas, validación y basada en eventos

¿Cuáles son los seis objetos DOM (Document Objetc Model) globales?. document, history, location, navigator, screen y window. document, body, head, div, class y window. document, ubication, situation, exception, body y window. Ninguna es correcta.

¿Qué es el objeto document?. Es el documento actual y punto de entrada a los elementos del DOM. Es la lista de sitios que el navegador ha visitado en esta ventana. Es la localización de la página web actual. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto document?. anchors, body, cookie, domain, forms, images, links, referrer, title, URL. height, width, availHeight, availWidth, colorDepth, pixelDepth. host, hostname, href, pathname, port, protocol, search.

¿Cuáles de los siguientes son métodos del objeto document?. getElementById, getElementsByName, querySelector, querySeletorAll, close, open, write, writeln. back, forward, go. assign, reload, replace.

¿Qué es el objeto history?. Es el documento actual y punto de entrada a los elementos del DOM. Es la lista de sitios que el navegador ha visitado en esta ventana. Es la localización de la página web actual. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto history?. anchors, body, cookie, domain, forms, images, links, referrer, title, URL. length. host, hostname, href, pathname, port, protocol, search.

¿Cuáles de los siguientes son métodos del objeto history?. getElementById, getElementsByName, querySelector, querySeletorAll, close, open, write, writeln. back, forward, go. assign, reload, replace.

¿Qué es el objeto location?. Es el documento actual y punto de entrada a los elementos del DOM. Es la lista de sitios que el navegador ha visitado en esta ventana. Es la localización de la página web actual. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto location?. anchors, body, cookie, domain, forms, images, links, referrer, title, URL. length. host, hostname, href, pathname, port, protocol, search.

¿Cuáles de los siguientes son métodos del objeto location?. getElementById, getElementsByName, querySelector, querySeletorAll, close, open, write, writeln. back, forward, go. assign, reload, replace.

¿Qué es el objeto navigator?. Es información sobre el navegador web que está utilizando. Es información sobre la pantalla de visualización del cliente. Es el objeto que representa una ventana abierta en un navegador. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto navigator?. innerHeight, innerWidth, multitud de enventos y el resto de objetos de DOM. appName, appVersion, language, cookiesEnabled. height, width, availHeight, availWidth, colorDepth, pixelDepth.

¿Qué es el objeto screen?. Es información sobre el navegador web que está utilizando. Es información sobre la pantalla de visualización del cliente. Es el objeto que representa una ventana abierta en un navegador. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto screen?. innerHeight, innerWidth, multitud de enventos y el resto de objetos de DOM. appName, appVersion, language, cookiesEnabled. height, width, availHeight, availWidth, colorDepth, pixelDepth.

¿Qué es el objeto window?. Es información sobre el navegador web que está utilizando. Es información sobre la pantalla de visualización del cliente. Es el objeto que representa una ventana abierta en un navegador. Ninguna es correcta.

¿Cuáles de los siguientes son propiedades del objeto window?. innerHeight, innerWidth, multitud de enventos y el resto de objetos de DOM. appName, appVersion, language, cookiesEnabled. height, width, availHeight, availWidth, colorDepth, pixelDepth.

¿Cuáles de los siguientes son métodos del objeto window?. getElementById, getElementsByName, querySelector, querySeletorAll, close, open, write, writeln. open, close, focus, blur, scrollBy, scrollTo(). assign, reload, replace.

¿Cuál es la secuencia estándar para la creación de un nuevo objeto window?. new window. window.open(). window.create(). Ninguna es correcta.

Seá la siguiente tabla HTML: <table> <tbody> <tr> <td>Shady Grove </td> <td>Aeolian </td> </tr> <tr> <td>Over the River, Charlie </td> <td>Dorian</td> </tr> </tbody> </table> y sean las siguientes líneas de código ejecutadas en este orden: 1. var myTbodyElement = myTableElement.firstChild; 2. var mySecondTrElement = myTbodyElement.childNodes[1]; 3. mySecondTrElement.removeChild( mySecondTrElement.firstChild ); 4. mySecondTrElement.firstChild.firstChild.data = "Peter" ¿Qué realiza la línea 1?. Accede al elemento TBODY de la tabla. Accede al segundo elemento TR; la lista de hijos empieza en 0. Elimina el primer elemento TD. Cambia el contenido del texto del elemento TD restante.

Seá la siguiente tabla HTML: <table> <tbody> <tr> <td>Shady Grove </td> <td>Aeolian </td> </tr> <tr> <td>Over the River, Charlie </td> <td>Dorian</td> </tr> </tbody> </table> y sean las siguientes líneas de código ejecutadas en este orden: 1. var myTbodyElement = myTableElement.firstChild; 2. var mySecondTrElement = myTbodyElement.childNodes[1]; 3. mySecondTrElement.removeChild( mySecondTrElement.firstChild ); 4. mySecondTrElement.firstChild.firstChild.data = "Peter" ¿Qué realiza la línea 2?. Accede al elemento TBODY de la tabla. Accede al segundo elemento TR; la lista de hijos empieza en 0. Elimina el primer elemento TD. Cambia el contenido del texto del elemento TD restante.

Seá la siguiente tabla HTML: <table> <tbody> <tr> <td>Shady Grove </td> <td>Aeolian </td> </tr> <tr> <td>Over the River, Charlie </td> <td>Dorian</td> </tr> </tbody> </table> y sean las siguientes líneas de código ejecutadas en este orden: 1. var myTbodyElement = myTableElement.firstChild; 2. var mySecondTrElement = myTbodyElement.childNodes[1]; 3. mySecondTrElement.removeChild( mySecondTrElement.firstChild ); 4. mySecondTrElement.firstChild.firstChild.data = "Peter" ¿Qué realiza la línea 3?. Accede al elemento TBODY de la tabla. Accede al segundo elemento TR; la lista de hijos empieza en 0. Elimina el primer elemento TD. Cambia el contenido del texto del elemento TD restante.

Seá la siguiente tabla HTML: <table> <tbody> <tr> <td>Shady Grove </td> <td>Aeolian </td> </tr> <tr> <td>Over the River, Charlie </td> <td>Dorian</td> </tr> </tbody> </table> y sean las siguientes líneas de código ejecutadas en este orden: 1. var myTbodyElement = myTableElement.firstChild; 2. var mySecondTrElement = myTbodyElement.childNodes[1]; 3. mySecondTrElement.removeChild( mySecondTrElement.firstChild ); 4. mySecondTrElement.firstChild.firstChild.data = "Peter" ¿Qué realiza la línea 4?. Accede al elemento TBODY de la tabla. Accede al segundo elemento TR; la lista de hijos empieza en 0. Elimina el primer elemento TD. Cambia el contenido del texto del elemento TD restante.

¿Cuál de las dos opciones se refiere al campo de texto llamado "celsius" en "document.form1"?. document.form1.celsius. document.form1.celsius.value.

¿Cuál de las dos opciones se refiere al valor del atributo en el campo de texto llamado "celsius" en "document.form1"?. document.form1.celsius. document.form1.celsius.value.

¿Cuál de las dos formas es más confiable para recuperar un elemento?. document.form1.celsius.value. document.getElementById('celsius').

Manipulando los elementos HTML por DOM ... Es posible consultar elementos HTML, pero no es posible cambiar y manipular sus valores. Es posible consultar elementos HTML y, también, es posible cambiar y manipular sus valores. No es posible consultar elementos HTML ni cambiar y manipular sus valores. Ninguna es correcta.

A menudo solo queremos abrir una nueva ventana para mostrar un mensaje, pedir confirmación de una acción o solicitar una entrada. Para ello el objeto window en JS proporciona mecanismos predefinidos para el manejo de los llamados: diálog boxes (cuadros de diálogo simples). windows boxes (cuadros de ventana simples). request boxes (cuadros de respuesta simples). Ninguna es correcta.

¿Cuáles son los mecansimos predefinidos para el manejo de los "dialog boxes" que el objeto window proporciona en JS?. null alert(msg_str) bool confirm(msg_str) string prompt(msg_str, default_value). string alert(msg_str) string confirm(msg_str) string prompt(msg_str, default_value). string alert(msg_str) bool confirm(msg_str) null prompt(msg_str, default_value). Ninguna es correcta.

¿Qué hace la función string prompt(msg_str, default_vaule) de las cajas de dialogo del objeto window?. Crea un cuadro de diálogo que muestra msg_str y un área de entrada. Si se indica default_value, se mostrará en el campo de entrada. Convierte la cadena pasada en una subcadena dividida por el default_value introducido, es decir, si la cadena es "AAA" y default_value es 3, devuelve la primera subcadena de la división entre 3, es decir "A". Crea un cuadro de diálogo que muestra msg_str y un boton central que pone OK. El valor de default value es el tamaño de la letra en píxeles, por defecto, este valor vale 5. Ninguna es correcta.

¿Cuáles de estas funciones sirve para convertir una cadena en tipo Number en JS?. number parseInt(string [,base]) number parseFloat(string) number Number(string). number parseInt(string [,base]) number parseFloat(string) number parseNumber(string). number parseInt(string [,base]) number parseFloat(string) number parseDouble(string). Ninguna es correcta.

¿Qué realiza la función number parseInt(string [,base]). Convierte la cadena a un entero en base base Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si la conversión no es viable, devuelve NaN. Convierte string a un número de coma flotante Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si no es un dígito, devuelve NaN. Devuelve NaN si string contiene algún carácter no válido (omite espacios al principio y final). Ninguna es correcta.

¿Qué realiza la función number parseFloat(string). Convierte la cadena a un entero en base base Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si la conversión no es viable, devuelve NaN. Convierte string a un número de coma flotante Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si no es un dígito, devuelve NaN. Devuelve NaN si string contiene algún carácter no válido (omite espacios al principio y final). Ninguna es correcta.

¿Qué realiza la función number Number(string). Convierte la cadena a un entero en base base Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si la conversión no es viable, devuelve NaN. Convierte string a un número de coma flotante Convierte hasta el primer carácter no válido en la cadena (omite espacios al principio) Si no es un dígito, devuelve NaN. Devuelve NaN si string contiene algún carácter no válido (omite espacios al principio y final). Ninguna es correcta.

En la validación de entradas del usuario desde un formulario, se debe... comprobar que los campos obligatorios no se hayan dejado vacíos. verificar que los campos solo contengan caracteres permitidos o cumplan con una cierta gramática. se debe verificar que los valores estén dentro de los límites/rangos permitidos. Todas son correctas.

Las aplicaciones web son dirigidas por ... eventos (event-driven), esto es, reaccionan a eventos del usuario como clicks, pulsaciones, movimientos del ratón, etc. atributos (attribute-driven), esto es, reaccionan a la creación de atributos, ediciones, modificaciones, etc. propiedades (event-driven), esto es, a la creación de propiedades, colores, tamaños, cuadros, etc. Ninguna es correcta.

UIEvent (hereda de Event) ... recoge eventos sencillos de la interfaz de usuario. recoge eventos relacionados con la interfaz gráfica del sistema operativo. recoge eventos del navegador, si se ha pulsado en configuración, descargas, etc. Ninguna es correcta.

Cada evento tiene su handler, unalos. error. load. unload. resize. Scroll.

De UIEvent heredan las interfaces: MouseEvent, KeyboardEvent, InputEvent, FocusEvent, TouchEvent, WheelEvent. Host, Hostname, Href, Pathname, Port, Protocol, Search. GetElementById, Element, GetElementsByName, GetElementsByTagName, QuerySelector, QuerySelectorAll, Close, Open, Write, Writeln. Ninguna es correcta.

Se produce un evento (on) load cuando ... se carga un objeto. se pulsa un boton. se recarga la página. Ninguna es correcta.

¿Cuándo ocurre un MouseEvent?. Ocurre cuando el ratón del usuario interactúa con el documento. Ocurre cuando el usuario pulsa una tecla. Ocurre cuando el usuario cambia el contenido de algún elemento de entrada de un formulario. Ninguna es correcta.

¿Con qué propiedades cuenta la interfaz MouseEvent?. buttons, clientX, clientY, pageX, pageY, etc. charCode, ctrlKey, key, location, shiftKey, etc. inputType, data, etc. Ninguna es correcta.

¿Qué eventos maneja la interfaz MouseEvent?. onclick, ondblclick, oncontextmenu, onmousedown, onmouseenter, onmouseleave, onmouseover, onmouseout, onmouseup. onkeydown, onkeyup, onkeypress. oninput. Ninguna es correcta.

¿Cuándo ocurre un KeyboardEvent?. Ocurre cuando el ratón del usuario interactúa con el documento. Ocurre cuando el usuario pulsa una tecla. Ocurre cuando el usuario cambia el contenido de algún elemento de entrada de un formulario. Ninguna es correcta.

¿Con qué propiedades cuenta la interfaz KeyboardEvent?. buttons, clientX, clientY, pageX, pageY, etc. charCode, ctrlKey, key, location, shiftKey, etc. inputType, data, etc. Ninguna es correcta.

¿Qué eventos maneja la interfaz KeyboardEvent?. onclick, ondblclick, oncontextmenu, onmousedown, onmouseenter, onmouseleave, onmouseover, onmouseout, onmouseup. onkeydown, onkeyup, onkeypress. oninput. Ninguna es correcta.

¿Cuándo ocurre un InputEvent?. Ocurre cuando el ratón del usuario interactúa con el documento. Ocurre cuando el usuario pulsa una tecla. Ocurre cuando el usuario cambia el contenido de algún elemento de entrada de un formulario. Ninguna es correcta.

¿Con qué propiedades cuenta la interfaz InputEvent?. buttons, clientX, clientY, pageX, pageY, etc. charCode, ctrlKey, key, location, shiftKey, etc. inputType, data, etc. Ninguna es correcta.

¿Qué eventos maneja la interfaz InputEvent?. onclick, ondblclick, oncontextmenu, onmousedown, onmouseenter, onmouseleave, onmouseover, onmouseout, onmouseup. onkeydown, onkeyup, onkeypress. oninput. Ninguna es correcta.

¿Cuando ocurre un evento de foco (onFocus)?. ocurre cuando un campo de formulario recibe foco de entrada presionando con el teclado o haciendo clic con el mouse. ocurre cuando un campo de formulario pierde el foco por clic o presión de teclado por parte del usuario en otro elemento. ocurre cuando un campo de selección, texto o área de texto pierde el foco y su valor ha sido modificado. ninguna es correcta.

¿Cuando ocurre un evento de desenfoque (onBlur)?. ocurre cuando un campo de formulario recibe foco de entrada presionando con el teclado o haciendo clic con el mouse. ocurre cuando un campo de formulario pierde el foco por clic o presión de teclado por parte del usuario en otro elemento. ocurre cuando un campo de selección, texto o área de texto pierde el foco y su valor ha sido modificado. ninguna es correcta.

¿Cuando ocurre un evento de cambio (onChange)?. ocurre cuando un campo de formulario recibe foco de entrada presionando con el teclado o haciendo clic con el mouse. ocurre cuando un campo de formulario pierde el foco por clic o presión de teclado por parte del usuario en otro elemento. ocurre cuando un campo de selección, texto o área de texto pierde el foco y su valor ha sido modificado. ninguna es correcta.

¿De quién hereda DragEvent?. De MouseEvent. De KeyboardEvent. De InputEvent. Ninguna es correcta, ese nombre es inventado.

¿Cuándo ocurre un Form Events?. Ocurre cuando un usuario interactúa con el elemento de formulario. Ocurre cuando suceden diferentes eventos registrados por la interacción con un documento de HTML. Ocurre cuando el usuario cambia el contenido de algún elemento de entrada de un formulario. Ninguna es correcta.

¿Qué eventos maneja la interfaz DragEvent?. onclick, ondblclick, oncontextmenu, onmousedown, onmouseenter, onmouseleave, onmouseover, onmouseout, onmouseup. ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop. input, change, submit, reset, cut, copy, paste, select. Ninguna es correcta.

¿Qué eventos maneja Form Events?. onclick, ondblclick, oncontextmenu, onmousedown, onmouseenter, onmouseleave, onmouseover, onmouseout, onmouseup. ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop. input, change, submit, reset, cut, copy, paste, select. Ninguna es correcta.

¿Cuándo ocurre un Eventos DOM (mutation events)?. Ocurre cuando un usuario interactúa con el elemento de formulario. Ocurre cuando suceden diferentes eventos registrados por la interacción con un documento de HTML. Ocurre cuando el usuario cambia el contenido de algún elemento de entrada de un formulario. Ninguna es correcta.

Los eventos HTML ... indican que algo le ha ocurrido a algún elemento o elementos HTML. son funciones de JS que procesan eventos. deben estar asociados con elementos HTML para eventos específicos. Ninguna es correcta.

Los manejadores(event handlers) ... indican que algo le ha ocurrido a algún elemento o elementos HTML. son funciones de JS que procesan eventos. deben estar asociados con elementos HTML para eventos específicos. Ninguna es correcta.

Los handlers ... indican que algo le ha ocurrido a algún elemento o elementos HTML. son funciones de JS que procesan eventos. deben estar asociados con elementos HTML para eventos específicos. Ninguna es correcta.

¿Cuál de las siguientes afirmaciones es cierta?. Se debe considerar la posible variedad de navegadores y los handlers pueden eliminarse. No se debe considerar la posible variedad de navegadores y los handlers pueden eliminarse. Se debe considerar la posible variedad de navegadores y los handlers no pueden eliminarse. Ninguna es correcta.

Para vincular un evento a un elemento, ¿cuál es el mejor enfoque para realizarlo (hasta DOM Level 4)?. HTML event handlers. DOM event handlers. DOM Level 2 Event Listeners. Ninguna es correcta.

Para vincular un evento a un elemento, ¿cuál es el peor enfoque para realizarlo (hasta DOM Level 4)?. HTML event handlers. DOM event handlers. DOM Level 2 Event Listeners. Ninguna es correcta.

¿Cuáles de las siguientes son las características de HTML event handlers?. HTML introdujo en sus primeras versiones un conjunto de atributos que podrían responder a eventos en los elementos a los que se agregaron. Los nombres de los atributos coinciden con los nombres de los eventos. Permiten separar HTML and JavaScript. Compatible con los principales navegadores Tiene el inconveniente de que solo se puede asociar una sola función a cualquier evento. Permiten a un evento invocar múltiples funciones. No es compatible con IE8 y versiones anteriores. Ninguna es correcta.

¿Cuáles de las siguientes son las características de DOM event handlers?. HTML introdujo en sus primeras versiones un conjunto de atributos que podrían responder a eventos en los elementos a los que se agregaron. Los nombres de los atributos coinciden con los nombres de los eventos. Permiten separar HTML and JavaScript. Compatible con los principales navegadores Tiene el inconveniente de que solo se puede asociar una sola función a cualquier evento. Permiten a un evento invocar múltiples funciones. No es compatible con IE8 y versiones anteriores. Ninguna es correcta.

¿Cuáles de las siguientes son las características de DOM Level 2 Event Listeners?. HTML introdujo en sus primeras versiones un conjunto de atributos que podrían responder a eventos en los elementos a los que se agregaron. Los nombres de los atributos coinciden con los nombres de los eventos. Permiten separar HTML and JavaScript. Compatible con los principales navegadores Tiene el inconveniente de que solo se puede asociar una sola función a cualquier evento. Permiten a un evento invocar múltiples funciones. No es compatible con IE8 y versiones anteriores. Ninguna es correcta.

¿Cuál es un ejemplo de HTML event handlers?. <a onclick="hide()">. tileElement.onclick = moveTile;. document.getElementById("myDIV").addEventListener("mousemove", myFunction);. Ninguna es correcta.

¿Cuál es un ejemplo de DOM event handlers?. <a onclick="hide()">. tileElement.onclick = moveTile;. document.getElementById("myDIV").addEventListener("mousemove", myFunction);. Ninguna es correcta.

¿Cuál es un ejemplo de DOM Level 2 Event Listeners?. <a onclick="hide()">. tileElement.onclick = moveTile;. document.getElementById("myDIV").addEventListener("mousemove", myFunction);. Ninguna es correcta.

Para eliminar un listener (añadido con addEventListener) se debe invocar: element.removeEventListener(‘event’, functionName [, useCapture]);. element.removeListener(‘event’, functionName [, useCapture]);. element.removeEvent(‘event’, functionName [, useCapture]);. Ninguna es correcta.