JavaScript的HTML调用外部文件的外部对象(Javascript html call ex

2019-10-17 13:38发布

该工程...

HTML文件...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="src/myJS.js"></script>
</head>
<body onload="myJS();">
</body>
</html>

外部JavaScript文件的内容(被称为为方便myJS.js)...

myJS = function ()
{
    document.write("Hello world");
};

但是,这不工作...

HTML文件...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="src/myJS.js"></script>
</head>
<body onload="myJS.myFunction();">
</body>
</html>

外部JavaScript文件...

myJS = function ()
{   
    myFunction = function()
    {
        document.write("Hello world");
    };  
};

为什么不? 在此先感谢您的帮助。

Answer 1:

另一个函数内声明的函数不会成为该函数的性质。 如果你想myJS要与myFunction的,你可以做到这一点的方法的对象

myJS = {    
    myFunction: function()
    {
        document.write("Hello world");
    }   
};


Answer 2:

你的脚本创建了两个全局函数...

所以myJS创建称为另一个函数myFunction其中任一个可以被独立地调用。

看起来你要做出这样一个JSON对象

myJS = {   
    myFunction: function() {
        document.write("Hello world");
    }
}


文章来源: Javascript html call external object from external file