run more than one javascript function on page load
- I want run some javascript functions on page load, which ways are exist and which one is better ?
- can i call more than one开发者_StackOverflow function in
<body onclick="my function();">
?
First, 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 compatibility. 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 */ });
精彩评论