función ready de jquery

[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