Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript插入HTML_Javascript_Jquery_Html - Fatal编程技术网

使用JavaScript插入HTML

使用JavaScript插入HTML,javascript,jquery,html,Javascript,Jquery,Html,好的,我读了这篇文章,想知道如何用JavaScript生成HTML。我尝试使用以下脚本执行此操作: 它不返回任何错误,只是什么也不做。我做错了什么?您在JavaScript中打开了一个DIV标记,关闭了一个SPAN标记 您正在JavaScript中打开一个DIV标记并关闭一个SPAN标记 您缺少ID的符号,请尝试以下操作: <script type='text/javascript'> function generate_page() { var x = 0; v

好的,我读了这篇文章,想知道如何用JavaScript生成HTML。我尝试使用以下脚本执行此操作:


它不返回任何错误,只是什么也不做。我做错了什么?

您在JavaScript中打开了一个DIV标记,关闭了一个SPAN标记

您正在JavaScript中打开一个DIV标记并关闭一个SPAN标记

您缺少ID的符号,请尝试以下操作:

<script type='text/javascript'>
function generate_page() {
    var x = 0;
    var y = 0;
    var lines = 20;
    var output;
    while (x < lines) {
        while( y < lines*2){
            output = ("<span id='x" + x + "_" + y + "'>x</span>");
            $('#board').prepend(output);
            y++;
        }
        y = 0;
        x++;
        $('#board').append('<br />');
    }
}
</script>

</head>

<body>
<input type='button' value='test' onClick='generate_page()'>
<div id='board'>

</div>

</body>
</html>

同时将按钮移到主体上。

如果缺少ID标志,请尝试以下操作:

<script type='text/javascript'>
function generate_page() {
    var x = 0;
    var y = 0;
    var lines = 20;
    var output;
    while (x < lines) {
        while( y < lines*2){
            output = ("<span id='x" + x + "_" + y + "'>x</span>");
            $('#board').prepend(output);
            y++;
        }
        y = 0;
        x++;
        $('#board').append('<br />');
    }
}
</script>

</head>

<body>
<input type='button' value='test' onClick='generate_page()'>
<div id='board'>

</div>

</body>
</html>

同时将按钮移到主体上。

您正在打开一个div,并用span将其关闭,而且,您从未关闭div,也从未实际打开span。顺便说一句,使用document.createElementdiv是一种干净的方法。

您正在打开一个div并用一个span关闭它,而且,您从未关闭div,也从未实际打开span。顺便说一下,使用document.createElementdiv是一种干净的方法。

您使用的是jQuery语法,因此应该包含jQuery

像这样:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
    function generate_page() {
        var x = 0;
        var y = 0;
        var lines = 20;
        var output;
        while (x < lines) {
            while (y < lines * 2) {
                output = ("<div id='x" + x + "_" + y + "'>x</span>");
                $('#board').prepend(output);
                y++;
            }
            y = 0;
            x++;
            $('#board').append('<br />');
        }
    } 
</script></head><body>
<input type='button' value='test' onclick='generate_page()'>
<div id='board'>
</div></body></html>

您使用的是jQuery语法,因此应该包含jQuery

像这样:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
    function generate_page() {
        var x = 0;
        var y = 0;
        var lines = 20;
        var output;
        while (x < lines) {
            while (y < lines * 2) {
                output = ("<div id='x" + x + "_" + y + "'>x</span>");
                $('#board').prepend(output);
                y++;
            }
            y = 0;
            x++;
            $('#board').append('<br />');
        }
    } 
</script></head><body>
<input type='button' value='test' onclick='generate_page()'>
<div id='board'>
</div></body></html>


a你在使用jQuery语法,那么你是否包括jQuery和b为什么你的输入在body标记之外?$'board'=>$'board'这篇文章的标题应该是用JavaScript编写HTML…@ikaradashkov为什么要这样称呼它?@GerardSexton,因为标题过去是在HTML中插入JavaScript。现在我看到它已经被修改为使用JavaScript插入HTML,这完全有道理,并且符合我的建议。a你正在使用jQuery语法,那么你是否包括jQuery和b为什么你的输入在body标记之外?$'board'==>$'board'这篇文章的标题应该是用JavaScript编写HTML…@ikaradashkov为什么应该它被称为?@GerardSexton,因为标题过去是在HTML中插入JavaScript。现在,我看到它已被修改为使用JavaScript插入HTML,这完全有道理,并且符合我的建议。我认为这不是问题,因为浏览器将自动更正它。浏览器将为您关闭它并忽略它。但是它不是一直都很好用。哦,是的:document.createElementdiv==>$lol我是老同学。。。我不知道有多少次我开始键入新的XmlHttpRequest;:PI不认为这是问题所在,因为浏览器会自动更正它。浏览器会为您关闭它并忽略它。但是它不是一直都很好用。哦,是的:document.createElementdiv==>$lol我是老同学。。。我不知道有多少次我开始键入新的XmlHttpRequest;:问题是他忘了一份杂烩。谢谢德里克,就这样问题是他忘了一份杂烩。谢谢德里克,就这样在HTML5中不需要,在HTML4中无效。在HTML5中不是必需的,在HTML4中无效。他用jquery标记了它,但他没有将标记发布到他可以在上面看到的位置。他用jquery标记了它,但他没有将标记发布到他可以在上面看到的位置。