美文网首页
js "is not a function at HT

js "is not a function at HT

作者: 厚土火焱 | 来源:发表于2018-11-04 13:52 被阅读32次

    xxx is not a function at HTMLInputElement.onclick
    这样的问题,竟然给遇到了。各种查。
    最后发现是因为:id 和 function 同名造成的。
    原始代码:

        <script>
            function btnInsert() {
                if(keyword.value.length > 0){
                    document.getElementById("formUserSearch").submit();
                }
            }
            function btnDel() {
                alert("Del Now");
            }
    
        </script>
    
    ...
    
            <input id="btnInsert" type="button" onclick="btnInsert();" value="Insert">
            <input id="btnDel" type="button" onclick="btnDel();" value="Delete" >
    

    修改后的代码:

        <script>
            function btnInsertV() {
                if(keyword.value.length > 0){
                    document.getElementById("formUserSearch").submit();
                }
            }
            function btnDelV() {
                alert("Del Now");
            }
    
        </script>
    
    ...
    
            <input id="btnInsert" type="button" onclick="btnInsertV();" value="Insert">
            <input id="btnDel" type="button" onclick="btnDelV();" value="Delete" >
    

    结论:

    写js的时候,id 或 name 不得与 function 同名,否则会产生冲突。

    相关文章

      网友评论

          本文标题:js "is not a function at HT

          本文链接:https://www.haomeiwen.com/subject/lxbrxqtx.html