JavaScript按钮onclick不起作用

新手上路,请多包涵
 <button onclick="hello()">Hello</button>

<script>
  function hello() {
    alert('Hello');
  }
</script>

这是我的代码。但它不起作用。当我单击按钮时,没有任何反应。

原文由 Martin W 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 572
2 个回答

这个怎么样?

 <button id="hellobutton">Hello</button>
<script>
function hello() {
alert('Hello');
}
document.getElementById("hellobutton").addEventListener("click", hello);
</script>

PS 你应该把 hello() 放在按钮的上方。

原文由 Kangjun Heo 发布,翻译遵循 CC BY-SA 3.0 许可协议

请注意遇到此问题的其他开发人员,如果您使用保留的方法名称,例如 clear ,则可能会遇到此问题。

 <!DOCTYPE html>
<html>
<body>
  <button onclick="clear()">Clear</button>
  <button onclick="clear2()">Clear2</button>
  <script>
  function clear() {
    alert('clear');
  }
  function clear2() {
    alert('clear2');
  }
  </script>
</body>
</html>

原文由 Michael 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题