Question

尝试使用按钮调用javascript函数，并且按钮在单击时没有执行任何操作。调试器返回＆＃34;未捕获的引用错误：未定义printNumber。

printNumber是我想要调用的函数。

我做了一个搜索，大多数有这个问题的人都没有使用正确的语法来声明他们的函数，在另一个函数中定义他们的函数（函数超出范围），或者在调用它们之后放置它们的函数。事实证明我头脑中没有任何东西在运行。例如，我尝试在其中输入提示，但提示没有显示出来。

这是我的剧本：

    <head>
    <script type="javascript">
    var x=0;
    function addNumber(x){
        x = x + 1;
        return x;   
    }

    function printNumber(number){
        document.getElementById("number").innerHTML=addNumber(number);
    }

    </script>
    </head>

这是我的HTML：

    <body>
<p><center><b>The number of times the button has been clicked is ... <b><p>
<br>
<div id="number"></div>
<br>
<form>
    <input type="button" id="StartButton" value="Click to add 1 to counter" onClick="printNumber(x)">
</form>
</center>

有人可以向我指出问题的来源吗？谢谢，这是一个编程类，我希望其他可能也会遇到这个的人会看到这个。

Answer 1

使用<script type="text/javascript">并注意您无法以您想要的方式增加x。您正在递增局部变量，而不是全局变量。

    <html>
    <head>
        <script type="text/javascript">
        var x=0;
        function addNumber(){
            x = x + 1;
            return x;   
        }
    
        function printNumber(number){
            document.getElementById("number").innerHTML=addNumber();
        }
    
        </script>
        </head>    <body>
    <p><center><b>The number of times the button has been clicked is ... <b><p>
    <br>
    <div id="number"></div>
    <br>
    <form>
        <input type="button" id="StartButton" value="Click to add 1 to counter" onClick="printNumber()">
    </form>
    </center>
    </body>
    </html>

javascript未捕获引用错误onclick

1 个答案: