Ejercicio 1. Muestra en una lista la siguiente información. Cada uno de las etiquetas <ol> y <li> han de crearse mediante los métodos de document. Explica en cada uno la diferencia con respecto a los demás.

1. window.outerHeight;
2. window.innerHeight;
3. window.screen.availHeight;
4. window.screen.height;
5. window.document.clientHeight;

Ir al ejercicio Ir al código

Ejercicio 2.El objeto window dispone de las propiedades scrollX, scrollY y scrollbars. Muéstralos reaccionando al evento scroll sobre window.

Ir al ejercicio Ir al código

Ejercicio 3. Crea una página web con el siguiente comportamiento:

1. Un botón "bajar línea" para bajar una línea.
2. Un botón "subir línea" para subir una línea
3. Un botón "bajar" para bajar una página.
4. Un botón "subir" para subir una página.
5. Un botón "inicio" para ir al inicio del documento
6. Un botón "fin" para ir al final del documento.

Ir al ejercicio Ir al código

Ejercicio 4. Mi URL. Crea una página que te muestre debidamente desglosada la url. (servidor, protocolo, ruta...)

Ir al ejercicio Ir al código

Ejercicio 5. Reloj. Crea una página que cada segundo te muestre actualizado un reloj digital del tipo "22:14:09 h" (usa timing events del objeto window)

Ir al ejercicio Ir al código