一尘不染

我们可以在另一个JS文件中调用用一种JavaScript编写的函数吗?

javascript

我们可以在另一个JS文件中调用在一个JS文件中编写的函数吗?谁能帮我从另一个JS文件中调用该函数?


阅读 431

收藏
2020-05-01

共1个答案

一尘不染

只要在第一次使用该功能之前就已加载了包含该功能定义的文件,就可以像在同一JS文件中那样调用该功能。

File1.js

function alertNumber(number) {
    alert(number);
}

File2.js

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

HTML

<head>
....
    <script src="File1.js" type="text/javascript"></script> 
    <script src="File2.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

HTML

<head>
....
    <script src="File2.js" type="text/javascript"></script> 
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

什么将不起作用将是:

HTML

<head>
....
    <script src="File2.js" type="text/javascript"></script> 
    <script type="text/javascript">
       alertOne();
    </script>
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
</body>

尽管alertOne在调用它时已定义,但它在内部使用仍未定义的函数(alertNumber)。

2020-05-01