javascript - Javascript数组在eclipse中不起作用

Question

我在我的网站中添加了一个示例 Javascript 数组。有趣的是它可以在 jsfiddle 中工作，但不幸的是不能在 Eclipse JSP 中工作。这是代码。

Javascript：

var titles  = [];
    var names   = [];
    var tickets = [];

    var titleInput  = document.getElementById("title");
    var nameInput   = document.getElementById("name");
    var ticketInput = document.getElementById("tickets");

    var messageBox  = document.getElementById("display");

    function insert() {
     titles.push( titleInput.value );
     names.push( nameInput.value );
     tickets.push( ticketInput.value );

     clearAndShow();
    }

    function clearAndShow () {
      // Clear our fields
      titleInput.value = "";
      nameInput.value = "";
      ticketInput.value = "";

      // Show our output
      messageBox.innerHTML = "";

      messageBox.innerHTML += "Titles: " + titles.join(", ") + "<br/>";
      messageBox.innerHTML += "Names: " + names.join(", ") + "<br/>";
      messageBox.innerHTML += "Tickets: " + tickets.join(", ");
    }

jsfiddle链接

Answer 1

您应该等待页面完成加载其所有元素。

你可以这样做：

window.onload=function(){   
                            // Do stuff here       
                        };

或者，如果您使用的是jQuery：

jQuery(document).ready(function(){   
                                   // Do stuff here        
                               });