添加多个功能

时间:2014-10-28 03:54:34

标签: javascript jquery

我正在尝试将多个onload函数添加到<body>

我目前的代码:

<body onload="_googWcmGet(number, '1800 000 000'); initialize()">

_googWcmGet正在运行,但第二个功能不起作用......请帮忙!

5 个答案:

答案 0 :(得分:1)

document.body.addEventListener( 'load', function1, false );
document.body.addEventListener( 'load', function2, false );
// etc.

或者,如果您正在使用jQuery,只需根据需要使用其中的多个:

$(function(){ … });
$(function(){ … });
$(function(){ … });

答案 1 :(得分:0)

您在onload事件中写下的语句数量没有什么不同:

&#13;
&#13;
function f() {
  console.log('f');
}

function g() {
  console.log('g');
}
&#13;
<body onload="f(); g()"></body>
&#13;
&#13;
&#13;


我相信你的第一个功能中有错误

&#13;
&#13;
function f() {
  console.log(undefinedVariable);
}

function g() {
  console.log('g');
}
&#13;
<body onload="f(); g()"></body>
&#13;
&#13;
&#13;

如您所见,由于第一个函数出错,g()不会执行。

答案 2 :(得分:0)

我用JQuery而不是$修改了上面提供的代码。此代码现在运行良好。

正确的代码 - 运作良好:

jQuery(document).ready(function() {    
    _googWcmGet('number', '1800 198 885');
    initialize();
});

答案 3 :(得分:0)

似乎console.log是问题所在。看看这个链接 https://developer.mozilla.org/en-US/docs/Web/API/Console.log

答案 4 :(得分:-1)

可以调用多个函数onload,see article.以下是其他方法:

<强> I

function init() {
    _googWcmGet(number, '1800 000 000');
    initialize();
}

<body onload="init()">
//or
window.onload = init;

<强> II

$(document).ready(function() {
//or
//$(function() {
    _googWcmGet(number, '1800 000 000');
    initialize();
});