Question

这是我的HTML / JavaScript：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <script type="text/javascript" src="/script/jquery.js"></script>
    <script type="text/javascript">
        $(function(){
            var $str = "hello world";

            function foo() {
                alert($str);
            }
        });
    </script>
</head>
<body>
    <form name="statusUpdateForm" method="post">
        <input type="button" name="submitButton" value=" " onclick="foo();" />
    </form>
</body>
</html>

当我单击该按钮时，我收到一条JavaScript错误，指出未定义foo。如何调用document.ready（）中声明的JavaScript函数？

Answer 1

你将函数的范围基本放在另一个函数中。

想象一下：

<script>
  document.onload = function(){
    function foo(){
      alert('bar');
    }
  };
  foo();
</script>

这是你想要完成的传真。就像函数中定义的变量在其外部的限制一样，函数名称具有相同的特征。

Side-Note JavaScript在变量名称上不需要$前缀（尽管就名称而言是可接受的）。我不知道你是来自PHP，只是习惯或意识到。

以为我会把我的评论作为答案。

Answer 2

试试这个：

$(function() {
    window.foo = function () {
        alert('bar');
    }
});

基本上，您需要将函数公开到全局范围。

Answer 3

$（function（）函数内部声明的变量和方法只能在其中访问。如果需要在外部使用它们，则可以在全局命名空间中进行，如

window.functionName = functionName;

Answer 4

你不能，它是私人的。

Answer 5

我最终做的事情 - 我本来应该做的 - 是为提交按钮添加点击处理程序：

$("input[name='submitButton']").click(function(){...});

为什么在调用时没有定义document.ready（）中声明的函数？

5 个答案: