开发者

run more than one javascript function on page load

开发者 https://www.devze.com 2023-03-07 05:06 出处:网络
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();\"> ?
  1. I want run some javascript functions on page load, which ways are exist and which one is better ?
  2. 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 */ });
0

精彩评论

暂无评论...
验证码 换一张
取 消