javascript - 在没有 document.write 的情况下用 javascript 编写 html

Question

    <script >

    for(i=0;i<=9;i++)
    {

</script>

    <input type="button"  value="1"/>

<script type="text/javascript">     

    }

</script>

如果我使用 document.write，这只会放置 1 次按钮，为什么会打印 10 次？

Answer 1

JavaScript 的行为方式与 PHP 不同。无论你放在 <script> 之间标签本身就是一个脚本。

所以你有两个独立的脚本:这:

for(i=0;i<=9;i++)
{

还有这个:

}

想象一下，如果将这两个脚本放在两个单独的文件中会发生什么？没错，两者都会因为语法错误而失败。如果您查看控制台，就会明白我在说什么错误。

如果要打印 10 个按钮，请执行以下操作:

<div id="mainDiv">

</div>

<script>
    var mainDiv = document.getElementById('mainDiv');
    for(var i=0; i<10; i++){
       mainDiv.innerHtml += "<input type='button' value='1'>";
    }
</script>