Question

点击#theButton后，应触发提醒。为什么没有使用以下方法触发任何事件？ 提前致谢。

  <html>
     <head>
      <script type="text/javascript" language="javascript">

       var theButton = document.getElementById("theButton");

       theButton.onclick = function(){alert("Clicked!");}
       theButton.onclick = clickAlert;
       theButton.onclick(alert("Clicked!"));

       function clickAlert(){
        alert("Clicked!");
       }
      </script>
     </head>
     <body>
      <input type="button" id="theButton">
     </body>
    </html>

Answer 1

你有三个问题

你在第7行拼错function。（顺便说一下，这会产生运行时错误）
您尝试访问节点#theButton，然后才能在DOM中使用它。以Pekka对此的建议
您在第8行覆盖onclick属性 - 不确定您是故意这样做还是

Answer 2

因为运行脚本时{0}还不存在？

将其包装到正文的theButton事件或jQuery的onload中。

Answer 3

尝试将其包装在document.Ready（）函数中。

Answer 4

我喜欢jQuery.ready()答案，但我相信您也可以将<script>块移动到某个位置，以便在页面末尾删除按钮。

Answer 5

如果你将onclick放在输入标签内（并拼写正确的话），它就有效：

<html>
     <head>
      <script type="text/javascript" language="javascript">



       function clickAlert(){
        alert("Clicked!");       

       }

      </script>
     </head>
     <body>
      <input type="button" id="theButton" NAME="theButton" onclick="clickAlert()">
     </body>
    </html>

Javascript事件未被触发

5 个答案: