0

HTML

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

JavaScript

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

小提琴

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

4

2 回答 2

0

请看这个，它是关于 jsfiddle 代码框架分离的：

内联事件处理程序在 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>
于 2013-08-20T00:18:35.310 回答
-2

当你这样做时

onclick="test()"

作为输入元素的属性，您将调用 test() 的结果（在您的情况下为“null”）设置为单击事件处理程序

你可能想这样做

onclick="test"

相反，它将实际的“测试”函数设置为处理程序，

或者更好的是，遵循以下准则：unbtrusive javascript or unobtrusive JS (2) ,..你明白了;)

于 2013-08-20T00:29:31.710 回答