html中JS互相调用

如果加载了两个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 :这是调用函数

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值