如果加载了两个js到同一个html,他们所处在相同的作用域,之间都是“可见的”。
所以可以直接调用。
test.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html文件</title>
<script src="a.js"></script>
<script src="b.js"></script>
</head>
<body>
<div>
<button onclick="javascript:button_onclick();">点击测试</button>
</div>
</body>
</html>
a.js
alert("function a");
function a(msg){
alert("I'm a :"+msg);
}
//window.onload事件是指文档结构包括js加载完毕,才会触发执行函数方法
window.onload=function(){
alert("Window Onload");
}
function button_onclick(){
//这里写你要执行的语句
b("这是调用函数");
}
b.js
alert("function b");
function b(msg){
alert("I'm b :"+msg);
a(msg);
}
点击按钮后会触发a.js中的button_onclick函数,该函数会去调用b.js的方法b(a.js调用了b.js),方法b中先进行了弹窗然后又去调用a.js的方法a(b.js调用了a.js),所以会弹两次窗,内容为I'm b :这是调用函数 和 I'm a :这是调用函数