/************************can be outsourced to a library (.js file) */ //create onDomReady Event window.onDomReady = initReady; // Initialize event dpending on browser function initReady(fn){ //W3C-compliant browser if(document.addEventListener) { document.addEventListener("DOMContentLoaded", fn, false); }else { //IE document.onreadystatechange = function(){readyState(fn)} } } //IE execute function function readyState(func){ // DOM is ready if(document.readyState == "interactive" || document.readyState == "complete"){ func(); } } /* library code until here */ //execute as soon as DOM is loaded window.onDomReady(onReady); //do when DOM is ready function onReady(){ // alert("The DOM is ready!"); init(); } // to compare which alert is shown earlier window.onload = function() { // alert("This is normal onload event"); }