我想调用在second.js文件中的first.js文件中定义的函数。这两个文件都定义在一个 HTML 文件中，例如：
<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script>
我想调用中fn1()定义first.js的second.js. 从我的搜索结果来看，如果first.js首先定义它是可能的，但是从我的测试中我还没有找到任何方法来做到这一点。
这是我的代码：
second.js
document.getElementById("btn").onclick = function() {
fn1();
}
first.js
function fn1() {
alert("external fn clicked");
}
一个函数不能被调用，除非它是在同一个文件中定义的，或者是在尝试调用它之前加载的。
一个函数不能被调用，除非它与试图调用它的作用域处于相同或更大的范围内。
你fn1在 first.js 中声明函数，然后在第二个你可以拥有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>
第一个JS：
function fn(){
alert("Hello! Uncle Namaste...Chalo Kaaam ki Baat p Aate h...");
}
第二个JS：
$.getscript("url or name of 1st Js File",function(){
fn();
});
您可以将函数设为全局变量first.js
并查看闭包 ，不要将其document.ready放入外部
你也可以使用ajax
$.ajax({
url: "url to script",
dataType: "script",
success: success
});
同样的方式你可以使用jquery getScript
$.getScript( "ajax/test.js" )
.done(function( script, textStatus ) {
console.log( textStatus );
})
.fail(function( jqxhr, settings, exception ) {
$( "div.log" ).text( "Triggered ajaxError handler." );
});
您可以考虑使用 es6 导入导出语法。在文件 1 中；
export function f1() {...}
然后在文件 2 中；
import { f1 } from "./file1.js";
f1();
请注意，这仅在您使用时有效 <script src="./file2.js" type="module">
如果您这样做，您将不需要两个脚本标签。您只需要主脚本，然后就可以在那里导入所有其他内容。
使用窗口在全局范围内声明函数
第一个.js
window.fn1 = function fn1() {
alert("external fn clicked");
}
第二个.js
document.getElementById("btn").onclick = function() {
fn1();
}
包括这样
<script type="text/javascript" src="first.js"></script>
<script type="text/javascript" src="second.js"></script>