Js文件函数中调用另一个Js文件函数的方法

最新推荐文章于 2023-12-01 16:31:32 发布

那年的雪a

最新推荐文章于 2023-12-01 16:31:32 发布

阅读量9.4k

点赞数

分类专栏：前端部分

原文链接：https://www.cnblogs.com/cxx8181602/p/9340678.html

版权

前端部分专栏收录该内容

24 篇文章 0 订阅

订阅专栏

在项目中Js文件需要完成某一功能,但这一功能的大部分代码在另外一个Js文件已经完成,只需要调用这个文件实现功能。那么如何调用:一个Js文件函数中调用另一个Js文件函数的方法?

(直接代码说明)

示例demo:

首先创建三个文件 : html 文件 a.js文件 b.js文件 (相同目录地址存放)

html 文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>html文件</title>
</head>
<body>
      <script src="a.js"></script>
      <script src="b.js"></script>
</body>
</html>

a.js 文件

alert("function a");
function a(){
  var callBack="Hello World";
  //调用b.js文件的b()方法
  b(callBack);
}

//window.onload事件是指文档结构包括js加载完毕,才会触发执行函数方法
window.onload=function(){
    alert("Window Onload");
    a();
}

b.js 文件

1 alert("function b");
2 function b(callBack){
3    alert(callBack);
4 }

代码的执行顺序：
1.html加载到执行加载a.js文件，并运行里面执行函数如（alert(‘function a’)）
2.加载b.js文件,并运行里面的执行函数如（alert(‘function b’)）
3.文档全部加载完毕
4.触发window.onload,执行a.js文件方法a()并触发执b.js文件方法b()