javascript - JavaScript 中未定义的函数

Question

我遇到了一个似乎没有意义的错误。 Chrome 的控制台显示 Uncaught ReferenceError: clicked_server is not Define

我几乎尝试了一切方法来修复它，但错误本身没有多大意义

<script>
    var selected_char = 'X';

    function draw_list () {
        // lets draw an x in all server in the array
        var server_id = 0;
        var draw_servers = new Array();
        draw_servers = document.getElementById("server_arr").value.split(";");

        foreach(draw_servers as server_id) {
            document.getElementById("server("+server_id+")").innerHTML = selected_char;
        }    
        // Update the counter and servers array
        server_count_field.innerHTML = "Buy Server("+servers_array.length+")";
    }

    function clicked_server(server_id) {
         var clicked = document.getElementById("server("+server_id+")").innerHTML;
         if (clicked == selected_char) remove_server(server_id);
         else add_server(server_id);
    }

    window.onload = draw_list();


    function add_server(server_id) {
        // select a server for purchase
        var servers_array = document.getElementById("server_arr").value;

        if(servers_array.length > 0) servers_array = servers_array + ";" + server;
        else servers_array = server;

        document.getElementById("server_arr").value = servers_array;
    }
</script> 

我的 HTML 工作正常。在这里

<form action="dobuyserver.php" method="POST">
    <input type="hidden" name="server" id="server_arr"/>
    <input type="submit" value="Buy Server(0)" id="server_count"/>
    </form>

<td style="background-color:##000000;" onclick="clicked_server(9)"><font color="#FFFFFF">
                        <strong>
                        <span id="server(9)">
                        &nbsp;
                        </span>
                        </strong>
                        </font></td>

Answer 1

根据我的理解，你需要使用

 window.onload = draw_list;  

而不是

 window.onload = draw_list();