onload with multiple arguments?

**young77478** · 08-10-2011 02:17 PM

I have two javascripts that need to be initiated with onload. Looking at the w3c school information I can't find informaton on how to do this. I tried onload= "func1, func2" and "func1", "func2" without success. Can this be done and what is the correct syntax?

**dangerousprince** · 08-10-2011 03:29 PM

Easy, make a function that loads your other functions, for example:

HTML:

HTML Code:

<body onload="loadme()"> ... </body>

JS:

HTML Code:

<script type="javascript/text">
function loadme() {
  function_a();
  function_b();
}
</script>

Alternatively you could use jQuery to load these events:

HTML Code:

$(document).ready(function() {
  function_a();
  function_b();
});

OR, you could use the same thing in JS:

HTML Code:

<script type="javascript/text">
window.onload = load me();
</script>

**Charles** · 08-10-2011 06:26 PM

Originally Posted by dangerousprince

HTML Code:

<script type="javascript/text">
window.onload = load me();
</script>

That does not do what you think that it does. As the piece of script is parsed, id est long before the onload event is triggered, loadMe will be called and whatever is returned will be assigned to the onload handler. In this case undefined is returned (or possible null, my JavaScript theory has become a bit rusty since I was banned from that forum) so on load the browser will try to do undefined (or do null). It'll either do nothing or throw an error. The function loadMe will be called, but it will be called before the page is loaded. You want:

HTML Code:

<script type="text/javascript">
window.onload = loadMe
</script>

But for simplicity sake I would use

HTML Code:

window.onload = function () {
  function_a()
  function_b()
}

Or even better

HTML Code:

<body onload="function_a(); function_b()">

**dangerousprince** · 08-10-2011 06:31 PM

Whoops, my mistake on putting a space in 'load me();' - it will work correctly how I showed - bar the space!

But what Charles quoted, is the one you're looking for:

HTML Code:

<body onload="function_a(); function_b()">

**Charles** · 08-10-2011 06:39 PM

Originally Posted by dangerousprince

Whoops, my mistake on putting a space in 'load me();' - it will work correctly how I showed - bar the space!

But what Charles quoted, is the one you're looking for:

HTML Code:

<body onload="function_a(); function_b()">

The space is not the problem. The problem is the "()". That calls the function and then what is returned is assigned. You want to assign the function itself to the handler. In JavaScript you're really creating methods not functions and methods are really properties and can be assigned. The function is called either way, it's just a question of when and what error is thrown.

**dangerousprince** · 08-10-2011 06:41 PM

Ah, yes. Very true, when used in the window.load, no brackets.

Thread: onload with multiple arguments?

Thread Tools

Display

onload with multiple arguments?

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions