Javascript 简单复选框绘图程序不加载_Javascript_Html_Checkbox

Javascript 简单复选框绘图程序不加载

javascript html checkbox

Javascript 简单复选框绘图程序不加载,javascript,html,checkbox,Javascript,Html,Checkbox,我正在使用HTML和JavaScript创建一个复选框绘图程序。它基本上（在这个早期阶段）包括绘制一个100 x 100平方的复选框。问题是，每次我尝试加载页面时，它都不会加载。它只是永远显示旋转的半圆（我使用的是chrome）。你能告诉我我做错了什么吗？这是我的密码： <!DOCTYPE html> <html> <head> <script type = "text/javascript"> function drawBoxes() {

我正在使用HTML和JavaScript创建一个复选框绘图程序。它基本上（在这个早期阶段）包括绘制一个100 x 100平方的复选框。问题是，每次我尝试加载页面时，它都不会加载。它只是永远显示旋转的半圆（我使用的是chrome）。你能告诉我我做错了什么吗？这是我的密码：

<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript">

function drawBoxes()
{
    for(var i = 0;i<100;i++)
    {
        for(var j = 0;j<100;j++)
        {
            document.getElementById('drawarea').innerHTML += "<input type = 'checkbox'>";
        }
        document.getElementById('drawarea').innerHTML += "<br />";
    }
}

</script>
<title>Checkbox drawer</title>
</head>
<body onload = "drawBoxes()">
<div id = "controlbar" style = "height:100px;float:top;background-color:#FF0000;"><p>hello</p></div>
<p id ="drawarea"></p>
</body>
</html>


函数drawbox（）
{
对于（var i=0；i而不是操作DOM 100*100次，只需构建一个字符串并在循环结束时设置一次值：
var html = "";

for(var i = 0;i<100;i++)
{
   for(var j = 0;j<5;j++)
   {
       html += "<input type = 'checkbox'>";
   }
   html += "<br />";
}

document.getElementById('drawarea').innerHTML = html;

var html=”“；
对于（var i=0；i而不是操作DOM 100*100次，只需构建一个字符串并在循环结束时设置一次值：
var html = "";

for(var i = 0;i<100;i++)
{
   for(var j = 0;j<5;j++)
   {
       html += "<input type = 'checkbox'>";
   }
   html += "<br />";
}

document.getElementById('drawarea').innerHTML = html;

var html=”“；
对于（var i=0；ihtml没有复选框仅标记
@jcubic um仍然不起作用。感谢catch tho，will edithtml没有复选框仅标记
@jcubic um仍然不起作用。感谢catch tho，will EditTham非常感谢：）我应该知道这么多地操纵dom不是一个伟大的计划，汉克斯：）我应该知道这么多地操纵dom不是一个伟大的计划