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

除非函数与试图调用它的函数在相同或更大的作用域中，否则不能调用它。

你可以在first.js中声明fn1函数，然后在second中你可以只声明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>

JS 1:

function fn(){
   alert("Hello! Uncle Namaste...Chalo Kaaam ki Baat p Aate h...");
}

JS 2:

$.getscript("url or name of 1st Js File",function(){
fn();
});

TLDR:首先加载全局函数文件，然后加载事件处理程序

无论何时你访问JS文件或<script>块中的元素，都必须检查以确保元素存在，即jQuery的$(document).ready()或纯JS的document。addEventListener (DOMContentLoaded”内,函数(事件)…

但是，在为DOMContentLoaded添加事件侦听器的情况下，已接受的解决方案不起作用，您可以从注释中轻松观察到这一点。

首先加载全局函数文件的步骤

解决方法如下:

分离JS脚本文件的逻辑，以便每个文件只包含事件监听器或全局的独立函数。 首先加载带有全局独立函数的JS脚本文件。 加载带有事件监听器的JS脚本文件。与前面的其他文件不同，请确保将代码包装在文档中。addEventListener('DOMContentLoaded'，函数(事件){…})。或document.Ready()。

使用window在全局作用域声明函数

first.js

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

second.js

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

像这样

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

我也遇到过同样的问题。我已经在jquery文档中定义了函数。

$(document).ready(function() {
   function xyz()
   {
       //some code
   }
});

我在另一个文件中调用了这个函数xyz()。这不起作用:)你必须在文档准备好上面定义函数。

这其实很晚了，但我想我应该分享一下，

在index . html

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

在1. js

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

在2. js

fn1()