Question

控制台不会出现任何错误，窗口不显示任何内容。这有什么问题？

<!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>

Answer 1

onload功能在文档的body标记上有效。

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

Answer 2

试试这个

 <!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>

Answer 3

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>

Javascript生成的HTML不起作用

3 个答案: