Fatal编程技术网

Javascript生成的HTML不工作

javascript html

Javascript生成的HTML不工作,javascript,html,Javascript,Html,控制台没有给出任何错误，窗口也不显示任何内容。怎么了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Home</title> <script type="text/javascript"> function stuffify(){ for(var a=6;a

控制台没有给出任何错误，窗口也不显示任何内容。怎么了

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


家
函数填充（）{

对于（var a=6；a，
onload
功能将在文档的
正文
标记上工作

此外，for循环的条件不正确，应为：

for（var a=6；a>=0；a--）
试试这个


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




家
函数填充（）{

对于（var a=6；aonload）而言，以下标记支持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>




填充（）；

div
元素不会触发加载事件。从未调用该函数。此外，请查看循环上的条件。它永远不会被输入，应该是
a>0
（它从6开始，大于零，因此循环体从未运行）.@eicto我已经更新了by语句，以便更准确地解决当前问题。@Calvin Koder我已经更新了我的答案，以说明为什么即使将事件移动到您添加的
按钮时，您的代码也无法工作。