La World Wild Web o WWW Andrés Fuenzalida Tecnologías de Internet Instituto IACC 25 de noviembre de 2017

Desarrollo Presentar y explicar 3 sentencias o instrucciones de JavaScript.

onLoad:

La función onLoad, cuya abreviatura es load se ejecuta al final del proceso de carga de la página web, es decir, cuando todos los objetos del sitio (imágenes, flash, scripts, frames) han terminado de cargarse. Una excepción son las hojas de estilo, que no siempre están cargadas al momento de lanzarse este evento. A continuación presento un código y las capturas de pantalla con la función onLoad que ejecuta tres ventanas de alerta al cargar un sitio <script> function load() { alert("Ejemplo onLoad"); alert("Ejemplo onLoad 2"); alert("Ejemplo onLoad 3"); } window.onload = load;

Función onLoad

Reloj:

Esta función permite mostrar un pequeño reloj digital en la página web debemos Tenemos que construir una función que recoja la hora del sistema y la muestre en el campo de texto, para tomar la hora vamos a hacer uso del objeto Date de Javascript. today = new Date() Si creamos una nueva instancia del objeto Date sin pasarle parámetros se inicializa a la fecha y hora actuales. Luego tenemos que obtener de esa instancia de Date lo que nos interesa, que es la hora, los minutos y segundos. Esto lo hacemos utilizando los correspondientes métodos del objeto Date. hora = today.getHours() minuto = today.getMinutes() segundo = today.getSeconds() Ahora combinamos los resultados para construir la hora con el formato que deseamos. horaImprimible = hora + " : " + minuto + " : " + segundo La línea de código para llamarse a si misma, que colocaremos en la última línea de la función es la siguiente: setTimeout("mueveReloj()",1000) La función setTimeout sirve para hacer el retardo antes de ejecutar la sentencia. La sentencia es una simple llamada a la función y el retardo es de 1000 milisegundos (un segundo). Poner en marcha el reloj

Finalmente necesitamos poner el reloj en marcha. Esto lo podemos hacer una vez acabada la carga de la página con el manejador de eventos onload, que se coloca en el . El código queda de la siguiente manera: <script language="JavaScript"> function mueveReloj(){ today = new Date() hora = today.getHours()

minuto = today.getMinutes() segundo = today.getSeconds()

horaImprimible = hora + " : " + minuto + " : " + segundo

document.form_reloj.reloj.value = horaImprimible

setTimeout("mueveReloj()",1000) } RELOJ DIGITAL

Imprimir:

Para poder imprimir se debe utilizar el método print d el objeto window, este se puede vincular a la pulsación de un botón, en este caso se debe incluir dentro de las etiquetas

ya que al ser botón es parte de un formulario, cuando lo presionamos nos da la opción de imprimir la página actual.

Index.html

Andres Felipe Fuenzalida Leal

---

14 de abril de 1986

---

[email protected] / [email protected]

---

Index.css h1 {text-align : center} h2 {text-align : right} h3 {text-align : left} h1 { color : rgb(23,32,42)} h2 { color : #d35400} h3 { color : purple}

Bibliografía 

http://htmlcolorcodes.com/es/



https://developer.mozilla.org/es/docs/Web/API/GlobalEventHandlers/onload



https://desarrolloweb.com/articulos/549.php



https://es.stackoverflow.com/questions/83991/llamar-una-funci%C3%B3n-javascriptdesde-html



https://es.stackoverflow.com/questions/51946/cu%C3%A1l-es-la-diferencia-entrewindow-onload-y-document-ready/52059