js调用其他js文件的函数，以及js加载过程

来源：互联网发布：单片机助手破解版编辑：程序博客网时间：2024/06/05 19:57

我们在编写js时，通常会需要在一个js文件中调用另一个js文件的函数，那么如何调用呢？
例如我有一个a.js文件，功能是弹出一个窗口的函数,我在b.js文件中需要调用这个函数，写法如下(函数开头弹窗是验证js加载顺序)

/*a.js文件*/alert("function a");function a(s){ alert(s);}/*b.js文件*/alert("function b");function b(){  var s="hello word";  //调用a.js文件函数  a(s);}//这里为了演示，在html文档加载完成后调用b函数window.onload=function(){  alert("window onload");};//最后只需在html文件引入两个js文件即可.......<body>  <script src="scripts/b.js"></script>  <script src="scripts/a.js"></script></body>/*引入顺序可以调换，因为window.onload实在文档加载完毕的时候触发，即此时两个js文件都已经被加载了*/

上面代码的执行顺序为：
html加载到时加载b.js文件，但并不运行，只是检查语法 -> 加载a.js文件 -> 文档全部加载完毕 -> 触发window.onload,执行b()函数
执行顺序结果图如下：
先加载b.js
在加载a.js
文档加载完毕后触发window.onload
最后执行函数b()

0 0