我们可以在另一个 JS 文件中调用用一个 JavaScript 编写的函数吗

发布于09月28日

我们能在另一个JS文件中调用在一个JS文件中编写的函数吗？谁能帮我从另一个JS文件调用这个函数吗？

推荐答案

只要包含函数定义的文件在首次使用该函数之前已加载，就可以像在同一个JS文件中一样调用该函数.

即.

File1.js

function alertNumber(number) {
    alert(number);
}

文件2.js

function alertOne() {
     alertNumber("one");
}

HTML

<head>
....
    <script src="File1.js" type="text/javascript"></script> 
    <script src="文件2.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

~~另一种方法行不通~~

HTML

<head>
....
    <script src="文件2.js" type="text/javascript"></script> 
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

不起作用的是:

HTML

<head>
....
    <script src="文件2.js" type="text/javascript"></script> 
    <script type="text/javascript">
       alertOne();
    </script>
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
</body>

尽管在调用时定义了alertOne，但在内部它使用了一个尚未定义的函数(alertNumber).