一尘不染

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

javascript

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

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

我想打电话给fn1()在定义first.jssecond.js。根据我的搜索结果,答案first.js是首先定义是否可以,但是根据我的测试,我没有找到任何方法。

这是我的代码:

second.js

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

first.js

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

阅读 788

收藏
2020-05-01

共1个答案

一尘不染

除非在同一文件中定义了该函数,或者在尝试调用该函数之前已加载了该函数,否则无法调用该函数。

除非函数的范围与尝试调用该函数的范围相同或更大,否则不能调用该函数。

您先fn1在first.js中声明函数,然后在第二步就可以拥有fn1();

1.js:

function fn1 () {
    alert();
}

2.js:

fn1();

index.html:

<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>
2020-05-01