Lo más fácil de hacer en ausencia de un marco que haga toda la compatibilidad entre navegadores por usted es simplemente llamar a su código al final del cuerpo. Esto es más rápido de ejecutar que un onload Handler ya que solo está esperando a que el DOM esté listo, no a que se carguen todas las imágenes. Y eso funciona en todos los navegadores.
<!doctype html>
<html>
<head>
</head>
<body>
Your HTML here
<script>
// self executing function here
(function() {
// your page initialization code here
// the DOM will be available here
})();
</script>
</body>
</html>
Para los navegadores modernos (todo desde IE9 y más nuevos y todas las versiones de Chrome, Firefox o Safari), si desea poder usar un jQuery como, por ejemplo, $(document).ready() Método al que puede llamar desde cualquier lugar (sin preocuparse por dónde se encuentra el script de llamada), puede usar algo como esto:
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on...cómo llamar a una función cuando la página / DOM está lista para ello {DH}