javascript - html anchor 标记的 onclick 不起作用

Question

我正在动态生成一个表。 在 td 数据里面，有一个 hyperlink.inturn 它应该调用一个函数。 为什么下面的代码片段不起作用。当我点击链接时没有任何反应。

  <a href='#' onclick='function(){alert('hiii');}'>

Answer 1

这是因为 ' 和函数定义而不是调用冲突(感谢@user1389596):

<a href='#' onclick="alert('hiii')">

应该可以。 onclick 中额外的 使浏览器将其视为 onclick 属性的结尾，这不是您想要的。这样，使用两种不同类型的引号就可以正常工作。

或者，更好的是，不要使用内联处理程序:

<a href='#' id="thethingy">
<!--in a galaxy far, far away:-->
<script type="text/javascript">
    document.addEventListener('DOMContentLoaded',function(){
        document.getElementById('thethingy').addEventListener('click',function(){
            alert('hiii');
        },false);
    },false);
</script>