run javascript functions when the page loads

Question

I have several JavaScript functions that need to run when the page loads to fetch content. I have tried to use window.onload to call the function but it hasn't worked.

Basically, need to run several functions after the page finishes loading but only once.

I have this so far but it didn't work

<script language="javascript">
window.onload=serverstats
window.onload=latestnews
</script>

Answer 1

Here is your main issue:

window.onload=serverstats  #sets window.onload to serverstats
window.onload=latestnews   #sets window.onload to latestnews and removes the reference to serverstats

You can fix this by doing:

oldOnload = window.onload;
window.onload=function() {
    oldOnload();
    serverstats();
    latestnews();
};

However, as the question is tagged with JQuery, I would recommend using it and doing:

$(document).ready(function() {
    serverstats();
    latestnews();
});

Answer 2

You can also handle both by using the following code:

window.addEventListener("load", serverstats);
window.addEventListener("load", latestnews);

This doesn't work in IE8 and earlier though, which use:

window.attachEvent("onload", serverstats);
window.attachEvent("onload", latestnews);

Answer 3

You're overwriting the onload value. Write a function that calls both of them instead.

window.onload = function() {
    serverstats();
    latestnews();
};