Tecnología

Inicio

Opciones HTML onLoad

March 30

El "onLoad" atributo HTML, cuando se coloca en la abertura <body>, <frameset> o <img> etiquetas, le dice a su navegador de Internet para ejecutar los comandos de JavaScript al cargar todos los componentes de la página Web, o simplemente la imagen. Con el atributo "onLoad", puede forzar su página Web que esperar para ejecutar su línea o codificación JavaScript externa hasta que toda la página se ha cargado, en lugar de cuando el navegador alcanza el código secuencial.

Crear una función JavaScript

Inserte las siguientes etiquetas HTML después de la apertura <head> en el código de la página Web:

<Script type = "text / javascript"> </ script>

Entre la apertura y cierre de etiquetas <script>, insertar su función de JavaScript. Por ejemplo:

saludo function () {alert ( "Bienvenido a mi página web."); }

Esto crea una función llamada "saludo" que se abrirá un cuadro de diálogo que contiene el texto especificado. Alternativamente, se puede almacenar el código JavaScript en un archivo separado .JS.

Ejecución del script con onLoad

Después de crear la función de JavaScript, coloque el atributo "onload" en la apertura de su página Web <body> o <frameset> etiquetas. Con el atributo "onLoad", se puede ejecutar una función específica utilizando su nombre. Por ejemplo, para ejecutar una función llamada "saludo", la etiqueta <body> se vería así:

<Body onLoad = "saludo ()">

Si se coloca en una etiqueta <frameset>, el script no se ejecutará hasta que todo el contenido de cada cuadro se ha cargado. También puede colocar el evento "onLoad" en una etiqueta <img>:

<Img src = "greeting.jpeg" onLoad = "saludo ()">

Ejecución de varias funciones

Para ejecutar más de una función con el evento "onLoad", separe los nombres de las funciones con un punto y coma. Por ejemplo:

<Body onLoad = "saludo (); despedida ()">

Como alternativa, puede colocar todos los comandos que desea ejecutar en una sola función, en lugar de intentar ejecutar múltiples funciones.

Otros atributos de los eventos

Al lado del evento "onLoad", hay varios otros atributos de los eventos que le permiten ejecutar funciones de JavaScript en diversas condiciones. Estos incluyen "onclick", "ondblclick", "onMouseOver" y "onKeyPress." Lo contrario de "onLoad" es el evento "onUnload", que ejecuta una función cuando el navegador se cierra o salga de la página Web.