为什么这个javascript函数不能调用另一个函数？_Javascript_Html_Function_Onclick

为什么这个javascript函数不能调用另一个函数？

javascript html function

为什么这个javascript函数不能调用另一个函数？,javascript,html,function,onclick,Javascript,Html,Function,Onclick,我有一个简单的函数，它使用javascript将一个表写入网页主体。如果我在按下submit按钮时直接调用该函数，它会调用该函数并正确执行，但是如果我将该函数包装到另一个函数中，例如函数构造函数…，它不会执行任何操作。我对javascript非常陌生，我只是想解释一下为什么它会这样工作 function makeTable(){ var body = document.body, tbl = document.createElement('table'); tbl.style.width

我有一个简单的函数，它使用javascript将一个表写入网页主体。如果我在按下submit按钮时直接调用该函数，它会调用该函数并正确执行，但是如果我将该函数包装到另一个函数中，例如函数构造函数…，它不会执行任何操作。我对javascript非常陌生，我只是想解释一下为什么它会这样工作

function makeTable(){
var body = document.body,
    tbl = document.createElement('table');
tbl.style.width  = '100px';
tbl.style.border = '1px solid black';
for(var i = 0; i < 2; i++){
    var row = tbl.insertRow();
    for(var j = 0; j < 2; j++){
            var cell = row.insertCell();
            cell.style.border = '1px solid black';
            var myText = document.createTextNode("some val");
            cell.appendChild(myText);
        }
    }
    body.appendChild(tbl);
}

function constructor(){
maketable();
}

HTML

<!--
test.html
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>JS Test</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="generator" content="Geany 1.27" />
</head>

<body>
    <script src = "test.js"></script>
    <form>  
    </form>
    <input type="submit" value="Submit" onclick="makeTable()"/>

    <div id="output"></div>
</body>

</html>

看看你是如何拼写这个函数的

function constructor(){
    maketable();
}

它应该是可制造的；

：D

不知道它是在这里还是在实际代码中，但函数中的makeTable拼写错误。是的，我在发布此问题并更改后意识到了这一点。但是，它仍然不执行该函数。也许可以尝试使用其他函数名。另外，你显然也必须调用这个函数。是的，我在提交它之后意识到了这一点。然而，它仍然没有执行。