HTML:
<input type="button" value="test" onclick="test()">
JavaScript：
function test(){alert("test");}
当我点击按钮时，没有任何反应。控制台显示“未定义test”。
我已经阅读了JSFiddle的文档 - 文档中说JS代码添加到<head>，HTML代码添加到<body>（因此该JS代码在html之前，并应该可以使用）。
http://jsfiddle.net/zalun/Yazpj/1/
我将框架切换为“无库”，因为您没有使用任何库。
该函数在加载处理程序内部被定义，因此处于不同的作用域。如评论中@ellisbben所指出，您可以通过在window对象上明确定义它来修复此问题。更好的做法是将处理程序应用于对象而不引人注目：http://jsfiddle.net/pUeue/
$('input[type=button]').click( function() {
alert("test");
});
请注意，使用此方式应用处理程序可以保持HTML的干净整洁。我正在使用jQuery，但您可以使用框架或不使用框架，或者使用其他框架。
test 被定义在 onLoad 函数内部；使用 window.test = function(){/*...*/} 可以使其正常工作。 - ellisbben还有一种方法，将你的函数声明为一个变量，像这样：
test = function() {
alert("test");
}
根据 @nnnnnn 的评论编辑：
@nnnnnn :
不使用
var，为什么会解决这个问题？
当你像这样定义一个函数时：
var test = function(){};
该函数在本地定义，但是如果您在没有使用var的情况下定义您的函数:
test = function(){};
test 在顶层作用域的 window 对象上定义。
为什么这能起作用？
像 @zalun 所说：
如果您不指定包装设置，它将默认为 "onLoad"。这会导致所有 JavaScript 都被包裹在一个在结果加载后运行的函数中。所有变量都是此函数的局部变量，因此无法在全局范围内使用。
但如果您使用此语法：
test = function(){};
你可以访问函数test，因为它在全局范围内定义。
参考：
test = 会修复它。 - nnnnnn<body>内包装”。<script>
function test(){
alert("test");
}
</script>
<input type="button" value="test" onclick="test()">
你的代码没有问题。只需从右侧选择扩展名为onLoad()。
Select OnDomready
HTML：
<input id="dButton" type="button" value="test"/>
JavaScript：
addEventListener('load', init, false);
function init()
{
oInput = document.getElementById('dButton');
oInput.onclick = test;
}
function test(){
alert("test");
}
style =" display:none"这种违反CSS行内样式规范的写法。 - Adrian Bartholomewonclick超出范围。 - Sebastian Simon