- I want run some javascript functions on page load, which ways are exist and which one is better ?
- can i call more than one function in
<body onclick="my function();">?
- I want run some javascript functions on page load, which ways are exist and which one is better ?
- can i call more than one function in
<body onclick="my function();">?
4 Answers
Reset to default 5First, you do not want to force the user to click on the page in order for the functions to execute.
The most basic way to do is:
<body onload="yourFunction();">
Then, in a <script> tag in the <head> have your function call all your other functions:
function yourFunction(){
function1();
function2();
// some other code not in a function...
//...
}
<body onload="yourFunction1();yourFunction2();">
If you want to add different listeners, you'll need to use javascript. Check the answer to this question (edit: ok "need" is a bit strong, you can still do it directly in the tag :))
Executing code on page load is not a trivial task because of cross-browser patibility. It is better to use one of the frameworks. For example, jQuery:
$(function () { /* your code */ });
As for binding several event functions to element - you can do it with jquery too:
$('#mybytton').click(function () { /* first handler */ });
$('#mybytton').click(function () { /* second handler */ });
or
$('#mybytton').click(function () { /* first handler */ })
.click(function () { /* second handler */ });