EL
IDIOMA UNIVERSAL INTERACTIVO
2.
Documentos a medida
Puedes emplear las propiedades y métodos que acabas de ver recién para crear el documento que desees. Por ejemplo, imagina una página con fondo negro, letras blancas, vínculos rojos y que muestre la fecha de su modificación. Con JavaScript, tus deseos se hacen realidad.
 |
|
clic para ampliar
|
Con sólo un poco de astucia, es fácil combinar los atributos de document con otras funciones del lenguaje, y así lograr funciones como ésta y otras más complejas. Echa un vistazo en el código para saber cómo conseguirlo.
Comparte
tus dudas y consejos con otros usuarios de Javascript
TEMAS RELACIONADOS
En este script se crea la función Ventana, donde primero está definida la variable Fecha para almacenar el método lastModified que devolverá el día y la hora de modificación en la página. Luego, se usa window.open para abrir la ventana "Pop-Up", definiendo la apariencia y tamaño que tendrá.
Con el método write se establece el título del documento y su mensaje principal, y con las diferentes propiedades se colorea el fondo, el texto y el vínculo. observa que para los colores se puede usar tanto la referencia literal (en linkColor) o el formato hexadecimal (en bgColor y fgColor).
Si revisas a fondo el código, verás que no se utiliza el método open de document, pero si el close. No es necesario emplear open cada vez que quieres crear un documento para escribir en él, ya que el método write lleva implícita esa orden. Sin embargo, conviene usar close para "finalizar" el trabajo en la página y evitar que siga disponible para modificaciones.
Por último, la sentencia "onClick=ventana()" llama a la función y pone en marcha todas sus tareas.
Practica todas las propiedades y métodos de document que viste hoy. Un ejercicio recomendable es la escritura de código HTML a través del método document.write, porque entre sus paréntesis podrás crear páginas web completas, y no sólo simples párrafos. ¡Hasta la próxima!
Guía de lectura