执行单独的.js文件

Question

我正在尝试了解如何在.js文件中包含不同的HTML文件，以便我的代码变得更加模块化。我正在关注此页Can we call the function written in one JavaScript in another JS file?。我有点困惑，如果我包含这样的文件：

<script language="javascript" src="a.js"> 
<script language="javascript" src="b.js">

如果a.js包含：

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

和b.js包含：

function alertTwo() {
   alert("two");
}

那么我是否需要单独调用HTML文件中的函数或只包含像<script language="javascript" src="b.js">这样的文件，执行alertTwo()函数？

Answer 1

您的JavaScript文件只是声明了这些功能。如果你希望它们实际执行，那么是的，你需要在某个时候调用它们。无论是在另一个.js文件中，在HTML页面中的<script>标记内，还是作为元素上事件处理程序的一部分，都由您自己决定，具体取决于您想要的内容。

Answer 2

代码

function alertTwo() {
   alert("two");
}

声明一个可以在以后调用的函数

代码：

function alertTwo() {
   alert("two");
}
alertTwo();

声明一个函数，然后立即调用它。

代码：

(function alertTwo() {
   alert("two");
})();

声明一个立即调用自身的函数。

如果您的代码直接位于HTML文件中，或通过script标记包含在内，则无关紧要。没有任何内容通过script标记“执行”或特殊处理。它实际上就是说“在这里粘贴该文件中的内容。”

Answer 3

如果您的HTML中包含alertOne()和a.js，则b.js中的a.js功能可以从b.js调用。