onload

=ONLOAD=

hay tres maneras de ejecutar un script al cargar una página
 * en el BODY onload
 * con window.onload
 * con jQuery $(function...

Los Scripts se ponen en el HEAD Veamos un ejemplo que muestre una alerta al cargar la página.

BODY Onload
code  function alerta { alert('hola'); }

 code

window.onload
code  function alerta { alert('hola'); }   window.onload = alerta; code
 * Esta manera de hacerlo se llama **global onload event handler**
 * consiste en llamar una función y no ejecutarla directamente, sino esperar a que esté cargada toda la página.
 * es no intrusiva en la página de presentación.
 * OJO: la llamada a la función se realiza sin paréntesis

Si se desea pasar parámetros debe hacerse la llamada de otra manera code  function alerta(msg) { alert('hola ' + msg); }   window.onload = function { alerta('pepe'); } code

$function - ejecutar una función javascript al terminar de cargar la página

 * se ejecuta al haber cargado el DOM en el browser
 * **$(function { ... })** es lo mismo que **window.onload = function { ...**

code  function alerta(msg) { alert('hola ' + msg); }   $(function {        alerta('pepe');    }); code
 * **$(document).ready(function { ... })** es mejor porque se ejecuta al termina de cargar el DOM, antes de que se carguen las imágenes y flash.

=Ejemplos=

Inicializar onclick de un tag para que se ejecute una función al hacer click
JavaScript code window.onload = function { document.getElementById('boton').onclick = function { boton_click; } }; code JQuery code $(function{       $('#boton').click(function { boton_click; }); }); code

Añadir un tag en el documento
code  $(function{    $(" Hi there! ").insertAfter("#followMe");  }); code