当input中属性name的定义和事件名相同时无法调用到事件

js方法
<script type="text/javascript">
function Fox(){alert("Hello world!");}
</script>
在html中调用无反应。
<input type="button" name="Fox" onclick="Fox()" />
报错：对象不支持属性和方法。然后把属性name换个名称就OK了。第一次遇到这种事……jsjqueryjavascriptinput

解决方案 »

  1.   

    dom的 onclick 直接标签中的写法  会优先调用 this下面的同名属性把
      

  2.   

    name和onclick其实都是相应dom元素下的属性，定义的时候不要用相同的名字，也不要用像length这样的名字
      

  3.   


    请问你是在asp页面中测试的吗？
      

  4.   

    js代码是运行在客户端的，客户端只认识html。跟asp有何关系
      

  5.   

    不好意思，我少写了：
    那段html代码应该放在form里面。你们可以在测试一下。
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <script type="text/javascript">
      <!--
    function Fox(){alert("Hello world!");}
      //-->
      </script>
     </head> <body>
     <form method="post" action="">
     <input type="button" name="Fox" onclick="Fox()" value="Click" />
     </form> 
     </body>
    </html>
      

  6.   

    确实有这个问题，放在Form中的input其名字的值已经作为当前form的属性了，由于作用域问题，onclick访问的是form的Fox属性而不是外部的函数。