Question

<button onclick="hello()">Hello</button>

<script>
  function hello() {
    alert('Hello');
  }
</script>

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

Answer 1

请注意，遇到此问题的其他开发人员，如果您使用保留的方法名称，则可以遇到此问题。 <IfModule mod_rewrite.c> RewriteEngine on RewriteRule ^/api/(.*)$ http://example.com/api/$1 [R=301,L] </IfModule>。

＆＃13;

clear

＆＃13;

Answer 2

这个怎么样？

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

P.S。你应该在按钮上方放置hello（）。

Answer 3

我有一个类似的问题。我有child.js和common.js文件。就我而言，我的HTML文件使用了这两个JS文件，并且它们都有一个具有相同名称的函数，

child.js

function hello(){}

还有

common.js

function hello(){}

删除其中之一后，我的代码可以正常工作，并且onclick开始起作用。希望这会有所帮助！

Answer 4

我自己遇到了这个问题，所以我可以确认某些错误。区别在于我在运行时生成DOm元素。如果您无法在代码中找到onclick的地方，那么用onmousedown替换addEventListener似乎可以解决问题。

Answer 5

您的代码没有问题..运行此代码段

function hello() {
alert('Hello');
}

<button onclick="hello();">Hello</button>

如果你想在窗口加载时提醒它。像这样改变你的代码

(function(){
  alert('hello')
})();

JavaScript按钮onclick无法正常工作

5 个答案: