javascript:如何将函数分配给元素

Question

这就是我想要的:

我的 html 代码中有一个元素，我想根据一些已知的条件为 onClick 事件分配一个函数。

例如

<a href="" id = "element"><img .....>

//other code

</a>

那我想做这样的事情

 <logic:equals some_condition>
      <script>
           var e = document.getElementById("element");

           e.onClick = my_function();

      </script>
 </logic>

但我无法让它工作。有什么特殊的语法吗？

我尝试过

 e.onClick = my_function;
 e.onClick = function(){my_function();}

遗憾的是我使用的是 IE 6。

提前致谢。

Answer 1

1. 你应该给<script>一个type属性:
2. 通过id获取元素引用的方法称为getElementById
3. onclick (与所有 JavaScript 一样)区分大小写:
4. 您将函数的引用分配给事件处理程序，因此您可以保留括号，否则它将立即调用该函数。

.

<script type="text/javascript">
  var e = document.getElementById("element");
  e.onclick = my_function;
</script>

编辑:如果逻辑是服务器端的，那么在 HTML 代码中设置事件处理程序可能更容易:

<a href="" <% if (some_condition) print "onload='my_function();'" %>>

(这是伪代码，取决于您的服务器端语言)