js用输入对话框,输入行数和列数,在浏览器页面上输出由行数和列数组成的表格

在JavaScript中，你可以使用`prompt`函数获取用户输入的行数和列数，然后使用`document.write`或者`innerHTML`方法在HTML页面上输出一个表格。以下是使用`document.write`实现的示例代码：

// 获取用户输入的行数和列数
var rows = prompt("请输入表格的行数:");
var columns = prompt("请输入表格的列数:");

// 将输入的行数和列数转换为数字类型，防止后续操作出错
rows = parseInt(rows, 10);
columns = parseInt(columns, 10);

// 检查输入是否有效
if (isNaN(rows) || isNaN(columns) || rows < 1 || columns < 1) {
    document.write("输入的行数和列数必须是有效的正整数！");
} else {
    // 开始创建表格
    document.write("<table border='1'>"); // 开始表格，设置边框为1

    // 循环创建每一行
    for (var i = 0; i < rows; i++) {
        document.write("<tr>"); // 开始一行
        // 循环创建每一列
        for (var j = 0; j < columns; j++) {
            document.write("<td>单元格</td>"); // 创建一个单元格
        }
        document.write("</tr>"); // 结束一行
    }

    document.write("</table>"); // 结束表格
}

如果你想要使用`innerHTML`方法来更新页面上的一个已经存在的元素，你需要先在HTML中定义一个容器元素，比如：

<div id="table-container"></div>

然后，使用JavaScript来获取这个元素，并更新它的`innerHTML`：

// 获取用户输入的行数和列数
var rows = prompt("请输入表格的行数:");
var columns = prompt("请输入表格的列数:");

// 获取页面上的表格容器元素
var tableContainer = document.getElementById('table-container');

// 检查输入是否有效
if (rows && columns) {
    // 开始创建表格
    tableContainer.innerHTML = "<table border='1'>"; // 开始表格

    // 循环创建每一行
    for (var i = 0; i < rows; i++) {
        tableContainer.innerHTML += "<tr>"; // 开始一行
        // 循环创建每一列
        for (var j = 0; j < columns; j++) {
            tableContainer.innerHTML += "<td>单元格</td>"; // 创建一个单元格
        }
        tableContainer.innerHTML += "</tr>"; // 结束一行
    }

    tableContainer.innerHTML += "</table>"; // 结束表格
} else {
    tableContainer.innerHTML = "输入的行数和列数必须是有效的正整数！";
}