document.ready my version of JQuery's $(document).ready()

document.ready.js

document.ready = function(f){
    f = f || function(){};
    if (document.readyState == "interactive" || "complete") {
        f();
    } else {
        document.addEventListener("DOMContentLoaded", function(e) {
            f();
        });
    }
}



///////////////////////

//Ready
function ready(fn){var d=document;(d.readyState=='loading')?d.addEventListener('DOMContentLoaded',fn):fn();}
//Use like

ready(function(){
    //some code
});


//For self invoking code
(function(fn){var d=document;(d.readyState=='loading')?d.addEventListener('DOMContentLoaded',fn):fn();})(function(){

    //Some Code here
    //DOM is avaliable
    //var h1s = document.querySelector("h1");

});
//Support: IE9+