未定义 JavaScript 方法

Question

当我将第一个脚本块中的代码（没有脚本标记本身）移动到外部 javascript 文件时，为什么这不起作用？

这个想法是从主页调用 homead.load() 并加载 homead_build() 处理的所有内容；

使用 Firefox 错误控制台时出现错误：'homead not Define'

<div id="box">
</div>

<script type="text/javascript">
    var homead = {
        box_id: "box",
        width: "150px",
        load: function(){
        homead.homead_build();
        },

        homead_build: function(){
            var div = document.createElement('div');
            div.style.width = homead.width;
            div.style.height = '55px';
            div.style.border = 'solid 2px #000';
            var box = document.getElementById(homead.box_id);
            box.appendChild(div);
        }
    };
</script>

<script language="JavaScript" type="text/javascript">

   homead.load();
</script>

Answer 1

也许您在调用 homead.load() 后包含了外部脚本文件？使用前请确保已加载：

<script language="JavaScript" type="text/javascript" src="external.js"></script>
<script language="JavaScript" type="text/javascript">

   homead.load();
</script>

Answer 2

确保在使用 homead 之前包含它，并且该文件已正确加载。
（例如：在文件中说alert(“im returned...”)）

顺便说一句，您的代码可以简化：

var homead = {
    box_id: "box",
    width: "150px",
    load: function(){
        var div = document.createElement('div');
        div.style.width = homead.width;
        div.style.height = '55px';
        div.style.border = 'solid 2px #000';
        var box = document.getElementById(homead.box_id);
        box.appendChild(div);
    }
};

Answer 3

是的，它工作正常。您可能向脚本标记提供了错误的文件 src 路径。

我已经做了以下工作；

 <script language="JavaScript" type="text/javascript" src="../../Scripts/test.js" ></script>

添加了代码

    <div id="box">
</div>


<script language="JavaScript" type="text/javascript">

   homead.load();
</script>