在页面加载时运行多个javascript函数

2011-05-18 biglibigli

首先，您不想强制用户点击页面以执行功能。

最基本的方法做的是：

<body onload="yourFunction();">

然后，在<head>一个<script>标签有你的函数调用的所有其他功能：

function yourFunction(){ 
    function1(); 
    function2(); 
    // some other code not in a function... 
    //... 
}

2011-05-18 13:59:11 Jeremy

<body onload="yourFunction1();yourFunction2();">

2011-05-18 14:00:18

如果你想要添加不同的监听器，您需要使用javascript。检查this question的答案（编辑：ok“need”有点强，你仍然可以直接在标签中执行:)）

2011-05-18 14:01:44 Jad

-1

由于跨浏览器兼容性，页面加载执行代码并不是一项简单的任务。最好使用其中一个框架。例如，jQuery的： -

$(function() { /* your code */ });

至于几个事件功能结合元素，你可以用jQuery也做到这一点：

$('#mybytton').click(function() { /* first handler */ }); 
$('#mybytton').click(function() { /* second handler */ });

或

$('#mybytton').click(function() { /* first handler */ }) 
    .click(function() { /* second handler */ });

2011-05-18 14:02:36

他没有提及的jQuery他post – Jimmy 2011-05-18 14:06:53

“我想在页面加载时运行一些JavaScript函数，哪些方式存在，哪一个更好” - 使用jQuery是其中一种方式，我认为它是最好的方法之一。什么问题？ – 2011-05-18 18:05:11

我没有让你失望，但当人们问JS的问题时它会变老，每个答案都是“使用jquery！”即使在不需要时，他只是想在body onload事件中调用多个函数，但jQuery并不是最好的方法。从外部资源加载一个库，仅用于几个函数？ – Jimmy 2011-05-18 18:12:41

回答