我是 Javascript 和 jQuery 的新手。我想单击一个按钮并执行一个 js 函数。 （对于这个例子，它只是一个警报，但它实际上是一个 ajax 函数。）
出现第一个警报，但在我单击按钮后，我再也没有看到第二个（“做到了”）警报。看起来 javascript 不认为在单击按钮时定义了 doIt() 函数。
以下是相关代码：
$(document).ready(function()
{
alert('ready');
function doIt() {
alert('did it');
};
}
)
<body>
<input name="Go" type="button" value="Go" onclick="doIt();"/>
</body>
【问题讨论】：
标签： javascript jquery javascript-events
这是因为该函数不在全局上下文中，这是您的 onclick="" 正在寻找它的地方。您需要将其移到您的 document.ready 之外（因此它不限于该闭包），或者（更好的方法 IMO）将其绑定到 document.ready 中，这就是我的意思：
将其绑定在内部（为此删除您的onclick=""）：
$(document).ready(function() {
alert('ready');
$("input[name='Go']").click(doIt);
function doIt() {
alert('did it');
}
});
或匿名版本（再次删除您的onclick=""）：
$(document).ready(function() {
alert('ready');
$("input[name='Go']").click(function() {
alert('did it');
});
});
或者把它移到外面（保留你的onclick=""）：
$(document).ready(function() {
alert('ready');
});
function doIt() {
alert('did it');
}
【讨论】：
您在 document.ready 中将 doIt 定义为函数语句。
您应该使用函数表达式 或从就绪函数中声明函数。
$(document).ready(function()
{
alert('ready');
doIt = function() { //now has global scope.
alert('did it');
};
}
)
<body>
<input name="Go" type="button" value="Go" onclick="doIt();"/>
</body>
（是的，onClick 并不是真正的 jQuery 实现方式，可能应该由在 ready 函数中定义的点击处理程序替换，但它有效并且被允许。
【讨论】：
doIt 仍然在本地范围内声明。
var doIt，你就对了。省略 var 声明一个全局变量。
你需要做的是使用这样的 jquery 将“click”事件绑定到它。
jQuery(document).ready(function($) {
$('#my_button').click(function() {
alert('i was clicked');
});
});
<input type="button" id="my_button" value="Go" />
这是一个现场 jsfiddle 演示：http://jsfiddle.net/8A5PR/
这里是你的手册页：http://api.jquery.com/click/
【讨论】：
Javascript 有两种作用域，全局和函数级别。如果你在函数内部声明 doIt，它在函数外部是不可见的。有几种方法可以解决它
//just declare the function outside the ready function
$(function() {
});
function doIt() { alert('did it'); }
//decare a variable outside the function
var doIt;
$(function() {
doIt = function() { alert('did it'); }
});
// if you dont use var, variables are global
$(function() {
doIt = function() { alert('did it'); }
})
【讨论】：
$(document).ready(function()
{
});
是 document.ready 的事件处理程序，该处理程序内的函数在该范围内。
更好的方法是在里面为你的点击事件插入一个处理程序，然后在那里调用那个函数。
$(document).ready(function()
{
alert('ready');
$('body input').click(function(){
doIt();
});
function doIt() {
alert('did it');
};
});
这还具有从标记中删除代码的副作用（一件好事），因为您可以从输入标记中删除该 onclick。
【讨论】：
您现在所做的只是将函数 doIt() 放入（出于所有意图和目的）window.onload 事件。这个函数永远不会在 document.ready 之外被调用，除非你将它绑定到一个元素，因为它被困在 document.ready 的范围内。
您需要将您的函数移到 document.ready 之外，以便外部事件可以调用它。
只是一个参考链接：http://www.webdevelopersnotes.com/tutorials/javascript/global_local_variables_scope_javascript.php3
【讨论】：
试试这个...
$(document).ready(function() {
alert('ready');
$("#Go").submit(function(event) {
alert('did it');
});
});
<input name="Go" id="Go" type="button" value="Go" />
【讨论】：
是的，正如其他人所提到的，您确实需要将函数移到 jquery 就绪声明之外。另请注意，javascript 区分大小写，因此您应该使用 onClick 而不是 onclick。问候
【讨论】：
onclick 可以正常工作，oNcLiCk 也可以。