If you’re using the following method to invoke more than one function then you’re stuck, you will be wasting you time on debugging trying to figure out what’s the problem.
-
function callMe1() {
-
….
-
}
-
-
function callMe2() {
-
….
-
}
-
-
window.onload = callMe1;
-
window.onload = callMe2;
callMe2 function will replace callMe1 function, and only callMe2 function will run.
The workaround of this would be using the Anonymous Function
-
window.onload = function() {
-
callMe1();
-
callMe2();
-
}
Another way to overcome this kind of situation is to use the addLoadEvent function
-
function addLoadEvent(func) {
-
var oldonload = window.onload;
-
if (typeof window.onload != 'function') {
-
window.onload = func;
-
} else {
-
window.onload = function() {
-
oldonload();
-
func();
-
}
-
}
-
}
-
-
use this as follows
-
-
addLoadEvent(callMe1);
-
addLoadEvent(callMe2);