在另一个 js 文件中调用 JavaScript 函数

小编典典

all

我想在 second.js 文件中调用 first.js 文件中定义的函数。这两个文件都在 HTML 文件中定义，例如：

<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script>

我想调用in中fn1()定义的。从我的搜索结果来看，如果首先定义它是可能的，但从我的测试中我还没有找到任何方法来做到这一点。first.js``second.js``first.js

这是我的代码：

second.js

document.getElementById("btn").onclick = function() {
    fn1();
}

first.js

function fn1() {
    alert("external fn clicked");
}

阅读 68

2022-06-21

共1个答案

小编典典

一个函数不能被调用，除非它被定义在同一个文件中或者在试图调用它之前被加载。

一个函数不能被调用，除非它与试图调用它的范围相同或更大。

您在 first.js 中声明函数fn1，然后在第二个中您可以拥有fn1();

1.js：

function fn1 () {
    alert();
}

2.js：

fn1();

索引.html：

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>

2022-06-21