Question

I have the following problem: I’ve got a website that can’t have dependencies to javascript-files. I want to have the same function as $(document).ready() in jquery. How would that look like? Thanks.

Answer 1

onLoad works, but it waits until all images and stuff are loaded. If you just want it to run when the DOM is ready, you can do this (found here):

// Create onDomReady event
window.onDomReady = function(f){
    if(document.addEventListener){
        document.addEventListener("DOMContentLoaded", f, false);
    }
    // For IE
    else{
        document.onreadystatechange = function(){
            if(document.readyState == "interactive"){
                f();
            }
        };
    }
};

// Attach a callback to onDomReady
window.onDomReady(function(){
    alert("The DOM is ready!");
});