事件在非IE中报错

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/moonfire/archive/2012/10/12/2721527.html

文章标签：

#javascript #ViewUI

先看代码:
<h3 onclick="hide()">click me</h3>
<p><img src="Qme.gif" id="hide" alt="Qme"/></p>

<script type="text/javascript">
function hide()
{
alert("Hola");
}
</script>

在非IE中，点击h3，却是报错！不解+愤怒了半天，才发现产生这种现象的外在原因是：hide()函数名与id="hide" 重名；并且此处的id="hide"是图片元素的属性；
如果此处是
<h3 onclick="hide()">click me</h3>
<p id="hide"><img src="Qme.gif" alt="Qme"/></p>
那么触发事件将不会报错；

即：同一文档中，图片元素的id属性值不能与该文档中的函数名重名！