función ready de jquery

[osmaymoya]

hola amigos, en jquery exite la función ready del document que se ejecuta una vez cargado el documento completo, quisiera saber cómo sería si quisiera hacer lo javascript, que no fuera un onload de ningún componente, o sea si la página en si tiene un onload.
Saludos, Gracias de antemano.

[mmfilesi]

Hola,

a falta de saber pq no te sirve un onload, puedes hacer cosas como esta:
Todo el tinglado js de la página lo pones en marcha en una función init, que pones la última, y luego:

Código Javascript:

var miSuperObjeto = {
   pintaPaginaVerde: function() {
       // pintamos la página de verde
   } 
 
}
 
// + codigako
 
function init() {
  miSuperObjeto.pintaPaginaVerde()
// llamas a los métodos que quieras
}
 
document.addEventListener('DOMContentLoaded', init, false);
 

+ información:
https://developer.mozilla.org/es/doc...ent/readyState
https://developer.mozilla.org/en-US/...MContentLoaded

[osmaymoya]

todo ese código iría dentro de una etiqueta javascript pero quién me llamaría a: document.addEventListener('DOMContentLoaded', init, false)? bastaría solo con ponerlo dentro de la etiqueta?

[mmfilesi]

Sí, al final del todo. Es una "escucha" que actúa con el evento "cuando se cargue el dom"

[Alexis88]

Si colocas el script al final del documento, sería tanto como utilizar el evento que no quieres usar. El evento DOMContentLoaded se produce cuando ha terminado de cargar la estructura del documento, mas no el contenido multimedia.

Puedes ejecutar tu código de esta manera:

Código Javascript:

document.addEventListener("DOMContentLoaded", function(){
    /* Aquí debe de ir tu código JS */
}, false);
 

O si quieres seguir utilizando una forma similar al método de jQuery:

Código Javascript:

function ready(callback){
    document.addEventListener("DOMContentLoaded", callback, false);
}
 
ready(function(){
    /* Aquí debe de ir tu código JS */
});
 

Y aún más parecido (aunque innecesario):

Código Javascript:

function $(elem){
    if (!(this instanceof $)) return new $(elem);
    this.el = elem;
    return this;
}
 
$.prototype.ready = function(callback){
    this.el.addEventListener("DOMContentLoaded", callback, false);
};
 
$(document).ready(function(){
    /* Aquí debe de ir tu código JS */
});
 

Saludos