Dimitri's weblog

Executing multiple functions when loading webpage

Every webdeveloper has asked himself the question: how do I execute multiple javascript functions when my page is loaded? You can’t easily chain methods in the window.onload function, but with the script below you can. Instead of attaching a function to window.onload, you pass the function to a new method: addLoadEvent.

----- Javascript for chaining methods -----

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload != 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}

addLoadEvent(nameOfSomeFunctionToRunOnPageLoad); 
addLoadEvent(function() { 
    /* more code to run on page load */ 
});