Antes del evento Onload

salbatore · #1 (**permalink**) 07/03/2013, 17:49

Buenas a todos,

Estoy pensativo. Todo mi javascript funciona tras el onload. Hace poco he usado varios frameworks donde el javascript funciona antes del onload.

He investigado... y es por que llaman a la funcion al final del codigo HTML, es decir, en el pie de la web, con lo que tienen ya todo el codigo descargado.

Mi duda es. Se puede hacer un modo mas profesional?. O tengo que poner una linea llamando a los scripts en el pie de la web?.

No se si me explico, jeje.

walterdevel · #2 (**permalink**) 07/03/2013, 17:54

Todo depende de que queres hacer. Si vas a hacer un alert, podes usarlo al comienzo del documento. Pero si necesitas interactuar con el dom html no vas a poder hasta que no este cargado, y eso es cuando el evento onload sucede.

Lo más profesional es ponerlo al final del html, no solo por el hecho de "ser profesional", es por cuestiones de eficiencia.

Panino5001 · #3 (**permalink**) 07/03/2013, 19:07

Lo que se invoque inmediatamente antes del tag body de cierre equivale al evento onload. Lo que estás buscando seguramente es el evento DOMContentLoaded.

Puede usarse así:

Código PHP:

   
var DR=function(f){

    if(document.addEventListener){

        var func=function(){f();document.removeEventListener('DOMContentLoaded',func,false);}

        document.addEventListener('DOMContentLoaded',func,false);

    }else{

        function r(f){/in/.test(document.readyState)?setTimeout(function(){r(f);},9):f();};

        r(f);

    }

}

//Y podemos usarlo así:

DR(function(){alert(123);});

//o así:

function test(){alert(456);}

DR(test);

emprear · #4 (**permalink**) 07/03/2013, 20:24

Cita:

Iniciado por salbatore

Buenas a todos,

Estoy pensativo. Todo mi javascript funciona tras el onload. Hace poco he usado varios frameworks donde el javascript funciona antes del onload.

He investigado... y es por que llaman a la funcion al final del codigo HTML, es decir, en el pie de la web, con lo que tienen ya todo el codigo descargado.

Mi duda es. Se puede hacer un modo mas profesional?. O tengo que poner una linea llamando a los scripts en el pie de la web?.

No se si me explico, jeje.

Salvo algún caso particular, la recomendación es ponerlas antes del cierre del body, aqui tenés una explicación del porque
http://developer.yahoo.com/performan...html#js_bottom
Sin embargo, no necesariamente eso se relaciona con el hecho de que necesites que en determinadas situaciones requieras la carga de la página previo a la ejecución de la función, en ese caso lo correcto es

Código:

<body onload="funcion()">

ó

Código:

window.onload = function(){
// funcion
}

ó

Código:

$(document).ready(function(){
// código jQuery
});

Pero como señalé, puede haber excepciones
Saludos

salbatore · #5 (**permalink**) 08/03/2013, 02:56

Gracias a los dos, voy a estudiar lo que me decis.

:D

Gracias