使用Javascript制作表格

使用Javascript制作表格,javascript,html,arrays,html-table,Javascript,Html,Arrays,Html Table,我遇到了这个问题,表没有用Javascript显示。假设用户在窗口中输入10个数字后,它将工作到哪里。提示这些数字将被放入一个数组并显示在一个表中 代码如下: <html> <head> <meta charset = "utf-8"> <script type = "text/javascript"> var number = -99; var array1 = new Array(10); number = window.prompt("E

我遇到了这个问题,表没有用Javascript显示。假设用户在
窗口中输入10个数字后,它将工作到哪里。提示
这些数字将被放入一个数组并显示在一个表中

代码如下:

<html>
<head>
<meta charset = "utf-8">
<script type = "text/javascript">

var number = -99;
var array1 = new Array(10);

number = window.prompt("Enter 1 to continue \n Enter -99 to exit");
if(number == -99 || number == ""){
    exit();
}else
    array1 = window.prompt("Please enter 10 numbers to be stored into an array");

    function outputArray(heading, theArray, output){
    var content = "<h2>" + heading + "</h2><table><thead><th>Index</th><th>Value</th></thead><tbody>";
    var length = theArray.length;
    for(var i=0; i<length;++i){
    content += "<tr><td>" + i + "</td><td>" + theArray[i] + "</td></tr>";
    }
    content += "</tbody></table>";
    output.innerHTML = content;
    }

    outputArray("Your Array is:", array1, document.getElementById("output"));
</script>
</head>
<body>
<div id="output"></div>
</body>
</html>

变量数=-99;
var array1=新阵列(10);
number=window.prompt(“输入1继续\n输入-99退出”);
如果(数字==-99 | |数字==“”){
退出();
}否则
array1=window.prompt(“请输入10个要存储到数组中的数字”);
函数输出数组(标题、数组、输出){
var content=“”+标题+“IndexValue”;
变量长度=数组长度;

对于(var i=0;i您应该将脚本包装在onload处理程序中:

var onLoadHandler = function() {
    var number = -99;
    var array1 = new Array(10);

    number = window.prompt("Enter 1 to continue \n Enter -99 to exit");
    if(number == -99 || number == ""){
        exit();
    }else
        array1 = window.prompt("Please enter 10 numbers to be stored into an array");

        function outputArray(heading, theArray, output){
            var content = "<h2>" + heading + "</h2><table><thead><th>Index</th><th>Value</th></thead><tbody>";
            var length = theArray.length;
            for(var i=0; i<length;++i){
            content += "<tr><td>" + i + "</td><td>" + theArray[i] + "</td></tr>";
            }
            content += "</tbody></table>";
            output.innerHTML = content;
        }

        outputArray("Your Array is:", array1, document.getElementById("output"));
}
if (window.addEventListener) {
    window.addEventListener('load', onLoadHandler, false);
} else if (window.attachEvent) {
    window.attachEvent('onload', onLoadHandler );
}
var onLoadHandler=function(){
变量数=-99;
var array1=新阵列(10);
number=window.prompt(“输入1继续\n输入-99退出”);
如果(数字==-99 | |数字==“”){
退出();
}否则
array1=window.prompt(“请输入10个要存储到数组中的数字”);
函数输出数组(标题、数组、输出){
var content=“”+标题+“IndexValue”;
变量长度=数组长度;

对于(var i=0;i您应该将脚本包装在onload处理程序中:

var onLoadHandler = function() {
    var number = -99;
    var array1 = new Array(10);

    number = window.prompt("Enter 1 to continue \n Enter -99 to exit");
    if(number == -99 || number == ""){
        exit();
    }else
        array1 = window.prompt("Please enter 10 numbers to be stored into an array");

        function outputArray(heading, theArray, output){
            var content = "<h2>" + heading + "</h2><table><thead><th>Index</th><th>Value</th></thead><tbody>";
            var length = theArray.length;
            for(var i=0; i<length;++i){
            content += "<tr><td>" + i + "</td><td>" + theArray[i] + "</td></tr>";
            }
            content += "</tbody></table>";
            output.innerHTML = content;
        }

        outputArray("Your Array is:", array1, document.getElementById("output"));
}
if (window.addEventListener) {
    window.addEventListener('load', onLoadHandler, false);
} else if (window.attachEvent) {
    window.attachEvent('onload', onLoadHandler );
}
var onLoadHandler=function(){
变量数=-99;
var array1=新阵列(10);
number=window.prompt(“输入1继续\n输入-99退出”);
如果(数字==-99 | |数字==“”){
退出();
}否则
array1=window.prompt(“请输入10个要存储到数组中的数字”);
函数输出数组(标题、数组、输出){
var content=“”+标题+“IndexValue”;
变量长度=数组长度;

对于(var i=0;它工作得很好。我需要对这些window.addEventListener和attachevent进行一些研究。对一个好的教程有什么建议吗?非常感谢。这很好。我需要对这些window.addEventListener和attachevent进行一些研究。对一个好的教程有什么建议吗?非常感谢。