Javascript onclick 位于浏览器选项卡中的 "Connecting..."处

Question

第一次在这里提问。

我有两个简单的 Javascript 函数，1. 生成一个随机字母，2. 在每个单元格中使用单个字母填充 10x10 表格。创建表的主要函数是通过带有 onclick 的简单 HTML 按钮调用的，如下所示:

function BGen()
{
    var board = "<table border='0' width='300' cellpadding='3'>";
    for (h = 1; h <= 10; h++) {
        board = board + "<tr>";
        for (v = 1; v <= 10; v++) {
            board = board + "<td>" + RLGen() + "</td>";
        }
        board = board + "</tr>";
    }
    board = board + "</table>";
    document.write(board);
}

由于某种原因，单击按钮时，会按应有的方式生成表格，但浏览器随后停留在“正在连接...”上，就好像在等待其他事情一样。

有人可以解释一下吗？我不知道为什么要这样做。

提前致谢。

Answer 1

页面加载后不应使用 document.write。这是不好的做法。

您应该使用innerHTML 或appendChild 来添加新元素。