run more than one javascript function on page load
Question
- 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
solution1
5 ACCPTED 2011-05-18 13:59:11
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...
//...
}
solution2
1 2011-05-18 14:00:18
<body onload="yourFunction1();yourFunction2();">
solution3
0 2011-05-18 14:01:44
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 :))
solution4
-1 2011-05-18 14:02:36
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 */ });
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.