繁体   English   中英

<a>onclick在FF中导致“不是功能”,但IE正常</a>

[英]<a> onclick causes “is not a function” in FF, but IE ok

我的以下代码在IE8中效果很好,但是在FF 3.5中,单击链接会导致错误“ start_upload不是函数”。 到底是怎么回事? (当然,start_upload是一个有效的函数,可以在IE中正常工作)

<div align="left">
  <a href="#" onClick="start_upload();"
    onMouseOver="start_upload.src='/Images/Buttons/Upload-glow.gif'" 
    onMouseOut="start_upload.src='/Images/Buttons/Upload.gif'">
    <img src="/Images/Buttons/Upload.gif" id="start_upload" width="90" height="25" border="0"></a>
  </a>
</div>

那是因为正在进行on....事件已被处理,或者通常应该被处理。 onclick内联函数的上下文是其onclick到的<a>元素,然后是其父项,然后是其父项,依此类推,直到documentwindow为止。 由于IE支持按ID引用项目(FF应该,但仍然不这样做),因此它可以工作。 但是,无论如何都是正确的start_upload不是函数。 这是一张图片。 您打算怎么做start_upload(); 去做,准确吗? 您可以设置其src ,这是正确的,但是您不能将元素作为函数调用。

发生的是IE违反了ECMAScript规范。 当您在其中执行start_upload ,它会根据是否在()之后将其解析为函数或元素。 在这种情况下,在Gecko中, start_upload在所有情况下都解析为该元素,然后您尝试调用一个元素。

某种程度上,您的代码也可以在Firefox中顺利运行(假设您已定义start_upload函数)。 这是我的代码,可以正常工作。 另请参见,您已经两次关闭</a> (这应该没问题)。

    <body>
    <div align="left">
      <a href="#" onClick="start_upload();"
        onMouseOver="start_upload.src='/Images/Buttons/Upload-glow.gif'" 
        onMouseOut="start_upload.src='/Images/Buttons/Upload.gif'">
 <img src="/Images/Buttons/Upload.gif" id="start_upload" width="90" height="25" border="0">
      </a>
    </div>
    </body>
    </html>
    <script>
    function start_upload()
    {
    alert ("a");
    }
    </script>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM