0

控制台没有给出任何错误,窗口什么也没有显示。它有什么问题?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Home</title>
    <script type="text/javascript">
        function stuffify(){
            for(var a=6;a<=0;a--){
                document.getElementById("stuff").innerHTML+="<h"+a+">stuff</h"+a+"></br>";
            }
        }
    </script>
</head>
<body>
    <div id="stuff" onload="stuffify()"></div>

</body>
</html>
4

3 回答 3

2

onload功能将在body您的文档标签上起作用。

此外,你的 for 循环的条件不正确,它应该是: for(var a=6; a >= 0; a--)

于 2013-03-12T01:44:53.687 回答
0

尝试这个

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Home</title>
    <script type="text/javascript">
        function stuffify(){
            for(var a=6;a<=0;a--){
                document.getElementById("stuff").innerHTML+="<h"+a+">stuff</h"+a+"></br>";
            }
        }

    </script>
</head>
<body onload="stuffify();">
    <div id="stuff" ></div>

</body>
</html>
于 2013-03-12T01:47:41.643 回答
0

以下标签支持 onload:

<body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>  

这解释了为什么在加载 div 后不触发填充。
因此,您可以将 onload 函数绑定到 body 而不是 div,或者在 div 之后插入脚本,如下所示:

<div id="stuff" ></div>
<script type="text/javascript">
stuffify();
</script>
于 2013-03-12T02:02:33.043 回答