Al escribir aplicaciones en javascript, debe enfrentarse a algunos problemas antes de estar realmente preparado para ellos. Es un escenario gallina o el huevo - qué técnica debe abordar en primer lugar? Eso es lo que pasa con salida de la aplicación.

Video: Como hacer pestañas en javascript Html5 y Css3

Para ver cómo funcionan algunas técnicas de programación, lo que necesita saber cómo escribir la salida a la pantalla de la aplicación. Por supuesto, usted realmente necesita saber más acerca de javascript antes de poder dominar la técnica de escribir nada en la pantalla.

Cómo escribir en un elemento HTML

Los documentos HTML se componen de elementos individuales. Un elemento es cualquier etiqueta que se utiliza para mantener el contenido, tales como,

Video: Curso HTML 5. Eventos en HTML5 con javascript I. Vídeo 15

, o etiqueta. Puede escribir información en cualquiera de estos elementos mediante el uso de javascript. El siguiente ejemplo muestra cómo se puede escribir a elementos específicos.

Creación de salida por elemento HTML
Cambiame

En este caso, la página contiene una

etiqueta con una carné de identidad de mi texto. Este párrafo contiene el texto Cambiame. Además, hay una etiqueta que crea un botón, el usuario puede hacer clic. Cuando el usuario hace clic en el botón Click Me, la aplicación llama al WriteText () función que aparece en la del documento dentro de la

El punto focal de este ejemplo es la llamada a la document.write () función. Esta función le permite escribir cualquier texto que desee a la documento objeto. En este caso, el ejemplo crea un nuevo

etiqueta que contiene un mensaje simple.

Desde aquí se puede crear este texto añadiendo el

etiquetar directamente. Esta técnica en particular es muy útil. Por ejemplo, se podría utilizar para comprobar si hay una condición y luego añadir el texto adecuado en función de la condición. Lo que hay que ver en este ejemplo es que escribir al documento utilizando una secuencia de comandos es posible.

Evitar posibles problemas con la salida

Loco puede causar todo tipo de problemas para los usuarios que, a su vez, causar todo tipo de problemas para usted. Uno de los errores más interesantes que se pueden encontrar es escribir información en una documento oponerse incorrectamente. A continuación se ilustra una situación en la que se ve el resultado incorrecto del uso de la document.write () función.

Creación de salida por elemento HTML
Cambiame

Observe que el document.write () función es llamada después de que se complete la página. Cuando se utiliza la document.write () la función de esta forma, se sobrescribe todo lo que aparece en el documento objeto. Al hacer clic en el botón Click Me en la página, vea la palabra ¡Huy! en pantalla y nada más.

Video: Tutorial javascript parte 34 - Crear un reproductor de audio con la API HTML5 audio/video

De hecho, la página ni siquiera terminar de cargarse debido a que el navegador no sabe qué hacer con él. Para detener el proceso de carga, debe hacer clic en el botón de parada manual de carga del navegador.

En este punto, si se utiliza la capacidad de su navegador para ver la fuente de la página, verá una sola palabra, ¡Huy!. La página ya no contiene una declaración, , , o etiquetas, o cualquiera de los otros datos se utiliza para contener. los document.write () función ha sobrescrito todo.

Video: Pantalla completa reproductor html5 desde javascript

Ahora, esto no es siempre un resultado incorrecto - en realidad se puede necesitar para sobrescribir la página con el nuevo material, pero hay que crear una página completamente nueva antes de hacerlo.