Javascript 为什么我的HTML按钮没有'；t触发启动功能？_Javascript_Json_Api

Javascript 为什么我的HTML按钮没有'；t触发启动功能？

javascript json api

Javascript 为什么我的HTML按钮没有'；t触发启动功能？,javascript,json,api,Javascript,Json,Api,我使用的是echo nest API，没有发现按钮的问题，为什么根本没有触发我的函数呢！我在chrome调试中检查了我的按钮，没有显示任何活动如果我输入它会触发函数，但当我点击按钮时，它不会触发我的函数我需要另一双眼睛来检查我的密码，请看：）谢谢大家! //Search artists. function search(){ inputField = document.getElementById("inputField"); callApiSea

我使用的是echo nest API，没有发现按钮的问题，为什么根本没有触发我的函数呢！我在chrome调试中检查了我的按钮，没有显示任何活动

如果我输入它会触发函数，但当我点击按钮时，它不会触发我的函数

我需要另一双眼睛来检查我的密码，请看：）

谢谢大家!

//Search artists.
  function search(){      
      inputField = document.getElementById("inputField");

      callApiSearch ( urlRoot + inputField , parseData);

    }

        //register click event handler for searchButton
      function start(){
          var searchButton = document.getElementById( "searchButton" );
          searchButton.addEventListener("click", search, false); 
        } // end function start

        window.addEventListener( "load", start, false );  
    </script>   



    </head>
    <body>
        <form id="searchForm" action="#">
    <center>
    <table>
        <thead style="align-text:center" ><img src="images/Logo.png" style="align:center"><br/></thead>

        <tr>
            <td>Search Artist:</td>
            <td> <input id="inputField" type="search"> </td>
            <td> <input id="searchButton" type="button" value="Search"></td>
        </tr>
    </table>
            <div id="results"></div>
    </center>
        </form>



    </body>
    </html>

//搜索艺术家。
函数搜索（）{
inputField=document.getElementById（“inputField”）；
callApiSearch（urlRoot+inputField，parseData）；
}
//为searchButton注册单击事件处理程序
函数start（）{
var searchButton=document.getElementById（“searchButton”）；
searchButton.addEventListener（“单击”，搜索，错误）；
}//结束函数开始
window.addEventListener（“加载”，开始，错误）；


搜索艺术家：

在chrome中-->F12-->网络

应显示所有活动；然而我的是空的。。。如果我错了，请纠正我？

将“脚本”块放在html代码的末尾。浏览器以自顶向下的方式解析html文档，并且在浏览器解析以下方法时

//register click event handler for searchButton
      function start(){
          var searchButton = document.getElementById( "searchButton" );
          searchButton.addEventListener("click", search, false); 
        } // end function start

，它不知道“searchButton”是什么，因为“searchButton”还没有被解析。因此，它无法将事件侦听器添加到您的按钮中，并且它在单击时不起作用

html

它是铬合金的，我在我的机器上检查过了。你能提供一个fildde演示吗？定义了

urlRoot

和

parseData

的地方在哪里？尝试将脚本移动到页面底部一切正常！！。。我认为callApiSearch（urlRoot+inputField，parseData）有一些问题@Nillad我的错，没有注意到“加载”事件绑定。没有工作。问题是当我输入时它会运行，但当我点击按钮时它不会触发？！！！

<form action="#" id="searchForm" name="searchForm">
        <img src="images/Logo.png" style="align:center" /><br />

        <table>
            <tr>
                <td>Search Artist:</td>

                <td><input id="inputField" type="search" /></td>

                <td><input id="searchButton" type="button" value=
                "Search" /></td>
            </tr>
        </table>

        <div id="results"></div><br />
    </form>

$("#searchButton").click(function() {
    inputField = document.getElementById("inputField");
    callApiSearch(urlRoot + inputField, parseData);
});