只是基本的骨头js无法正常工作

时间:2014-02-25 05:33:13

标签: javascript onload

我只是一个js cut& paster,并且无法弄清楚为什么这个基本onload foo()无效:

http://jsfiddle.net/birchy/qZqLa/4/

<body style=" onload="getClassListAjax()">
    <div id="fred" >some text</div>
</body>

function getClassListAjax() {
alert('here');
document.getElementById("fred").innerHTML = 'some other text';
}

1 个答案:

答案 0 :(得分:1)

这里有一些问题:

  • 您的样式属性未公开
  • 在jsfiddle的左侧栏中,选择了onLoad选项,该选项将覆盖您的onload处理程序。如果您修复了style属性并选择了“<head>”中的“No wrap in”或“<body>中没有换行”,则它可以正常工作:

http://jsfiddle.net/qZqLa/22/

但是,我建议努力追求unobtrusive javascript

http://jsfiddle.net/qZqLa/23/

<body style="">
    <div id="fred" >some text</div>
</body>

function getClassListAjax() {
    alert('here');
    document.getElementById("fred").innerHTML = 'some other text';
}

window.onload = getClassListAjax;