为什么这个javascript函数无法调用其他函数?

时间:2017-07-16 20:42:09

标签: javascript html function onclick

我有一个简单的函数,它使用javascript将表写入网页正文。如果我在按下提交按钮时直接调用该函数,它会调用该函数并正确执行,但是如果我将该函数包装在另一个函数中,例如函数构造函数()...,它就不会做任何事情。我对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>

1 个答案:

答案 0 :(得分:1)

看看你如何拼写这个功能!!

function constructor(){
    maketable();
}

它应该是makeTable(); :d