Question

HTML

<div id="test"></div>
<input type="button" value="Go" onclick="test()" />

的JavaScript

function test() {
    alert("Test!");
}

小提琴

http://jsfiddle.net/MVBrS/11/

Answer 1

请看这一个，它是关于jsfiddle代码帧分离：

Inline event handler not working in JSFiddle

当然，如果你运行的是普通HTML上嵌入的相同代码，它会正常工作，会出现提示弹出窗口。

<!DOCTYPE html>
  <html>
    <head>
      <script>
        function test() {
          alert("Test!");
        }
      </script>
     </head>
     <body>
       <div id="test"></div>
       <input type="button" value="Go" onclick="test()" />
     </body>
  </html>

Answer 2

当你做

时

onclick="test()"

作为input元素的属性，您将调用test（）的结果（在您的情况下＆＃39; null＆＃39;）设置为click事件处理程序

你可能想要这样做

onclick="test"

相反，它将设置实际的测试＆＃39;作为处理程序，

甚至更好，请遵循以下准则：unbtrusive javascript或unobtrusive JS (2)，..您明白了这一点;）

为什么这个onclick JavaScript调用不起作用？

2 个答案: