未定义Javascript方法

未定义Javascript方法,javascript,methods,Javascript,Methods,当我将第一个脚本块中的代码(没有脚本标记本身)移动到外部javascript文件时,为什么这不起作用 其思想是从主页调用homead.load(),并加载homead_build()处理的所有内容 错误说明使用Firefox错误控制台时未定义homead <div id="box"> </div> <script type="text/javascript"> var homead = { box_id: "box",

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

其思想是从主页调用homead.load(),并加载homead_build()处理的所有内容

错误说明使用Firefox错误控制台时未定义homead

<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>

var homead={
盒子标识:“盒子”,
宽度:“150px”,
加载:函数(){
homead.homead_build();
},
homead_构建:函数(){
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\u-id);
盒子.附属物(div);
}
};
homead.load();

确保在使用homead之前包含它,并且文件已正确加载。 (例如:在文件中说警报(“im已加载…”)

顺便说一句,您的代码可以简化:

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);
    }
};

在调用
homead.load()
之后,可能包含了外部脚本文件?确保在使用前已加载:

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

   homead.load();
</script>

homead.load();

是,工作正常。您可能为脚本标记提供了错误的文件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>

homead.load();

检查是否正在加载javascript外部文件。Fiddler是一个非常方便的工具。你的外部文件是什么样子的?(我意识到它大部分与上面引用的代码类似,但大部分是一个棘手的概念。)加载它的
脚本
标签是什么样子的?因为你上面描述的应该有用。单独:请注意,务必确保在页面上的
元素下方包含第二位。。。