1.2 Aplica las estructuras básicas del lenguaje JavaScript dentro de funciones en páginas HTML a fin de generar las instrucciones de funcionalidad. DPIN-00

Identificar los métodos que tiene JavaScript para comunicar información al usuario

window.alert().

Definición y uso

El método alert () muestra un cuadro de alerta con un mensaje especificado y un botón OK.

A menudo se utiliza un cuadro de alerta si desea asegurarse de que la información llegue al usuario.

Nota: El cuadro de alerta aleja el foco de la ventana actual y obliga al navegador a leer el mensaje. No abuse de este método, ya que evita que el usuario acceda a otras partes de la página hasta que se cierre la casilla.

document.write().

Definición y uso

El método write () escribe expresiones HTML o código JavaScript en un documento.

El método write () se utiliza principalmente para las pruebas: Si se utiliza después de que un documento HTML está completamente cargado, se eliminará todo el HTML existente.

Sugerencia: El método document.writeln () es similar a write (), sólo agrega un carácter de nueva línea después de cada sentencia.

MBRS

1.2 Aplica las estructuras básicas del lenguaje JavaScript dentro de funciones en páginas HTML a fin de generar las instrucciones de funcionalidad. DPIN-00

document. GetElementById().

Definición y uso

El método getElementById () devuelve el elemento que tiene el atributo ID con el valor especificado.

Este método es uno de los métodos más comunes en el DOM HTML y se utiliza casi cada vez que se desea manipular o obtener información de un elemento del documento.

Devuelve null si no existen elementos con el ID especificado.

Un ID debe ser único dentro de una página. Sin embargo, si más de un elemento con el ID especificado existe, el método getElementById () devuelve el primer elemento en el código fuente.

MBRS

1.2 Aplica las estructuras básicas del lenguaje JavaScript dentro de funciones en páginas HTML a fin de generar las instrucciones de funcionalidad. DPIN-00

console.log().

javascript ConsoleSafari y Firefox con Firebug instalado ofrecen un comando para facilitar la depuración de Javascript, se trata de

console el cual imprime el mensaje en el panel de console como se muestra en la imagen que acompaña este

artículo.

Existen varios tipos de mensajes que se pueden mostrar: console.log() muestra un mensaje en la consola. console.debug() muestra un mensaje y ademas nuestra el número de línea donde se encuentra. console.warn() muestra un mensaje de alerta con un icono y fondo amarillo para identificarlo. console.error() muestra un mensaje de error con un icono y fondo en color rojo.

Para mostrar un mensaje se le pasa la cadena de texto que deseamos imprimir:1. console.log("-> log");2. console.debug('-> debug');3. console.warn('-> warm');4. console.error('-> error');

También se pueden pasar más parámetros al estilo de printf y sprintf de PHP, por ejemplo:1. var total = 12;2. var consulta  = "Google";3. console.log("Total: %s para '%s'", total, consulta);4. // Total: 12 para 'Google'

Utilizando console.log() en otros NavegadoresYa que console solo esta disponible para Safari y Firefox con Firebug, si pruebas tu desarrollo en Internet

Explorer u Opera te generará un error puesta la sentencia console.log() no existe. Para ello se ha propuesto

en KeeKim un script para reemplazarlo por opera.portError() en el caso de Opera y alert() en el caso de Internet

Explorer.1. if (!window.console) {2.   var log = window.opera ? window.opera.postError : alert;3.   window.console = { log: function(str) { log(str) } };4. }

Propósito de la práctica: Practicar el uso de los métodos de JavaScript para desplegar información en una página web

Practicar el uso de los métodos de JavaScript para desplegar información en la página HTML.

Instrucciones:

Usando HTML y JavaScript diseñar una página web que demuestre el uso de ventanas de alerta con window.alert(). Usando lo aprendido en prácticas anteriores modifique su programa para que muestre en la página un botón y la descripción de lo que pasará al presionarlo. Al presionar el botón debe aparecer una ventana de alerta con la información descrita.

MBRS

1.2 Aplica las estructuras básicas del lenguaje JavaScript dentro de funciones en páginas HTML a fin de generar las instrucciones de funcionalidad. DPIN-00

Usando HTML y JavaScript diseñar una página web que despliegue información mostrando el uso de document.write(). Note el efecto que este comando tiene sobre la página completa. Investigue ese comportamiento.

El uso de document.write () después de que un documento HTML está completamente cargado, eliminará todo el HTML existente.

En este ejemplo ilustramos lo que sucede cuando ponemos document.write () dentro de una función. Cuando se invoca la función, todos los elementos HTML se sobrescribirán y se reemplazarán por el nuevo texto especificado

Usando HTML y JavaScript diseñar una página web que muestre el uso de la propiedad innerHTML del método document. GetElementById().

MBRS

1.2 Aplica las estructuras básicas del lenguaje JavaScript dentro de funciones en páginas HTML a fin de generar las instrucciones de funcionalidad. DPIN-00

Usando HTML y JavaScript diseñar una página web que muestre el uso del método console.log().

p = new Object();

p.nombre = "Victor";

p.edad = 35;

 

console.log(p);

Usando HTML y JavaScript y los conceptos aprendidos en esta práctica y prácticas anteriores, diseñar una página web que tenga varios botones que el usuario pueda presionar. El texto de la página debe explicar que ocurrirá al presionar cada botón. Al presionar cada botón la página debe desplegar alguna información. Cada botón reacciona desplegando información con algún método diferente de los ya usados en esta práctica.

MBRS