JS中跨页⾯调⽤变量和函数的⽅法（例如a.js和b.js中互
相调⽤）
在项⽬开发过程中，也许你会遇这样的情况。
在某⼀Js⽂件中需要完成某⼀功能，但这⼀功能的⼤部分代码在另外⼀个Js⽂件中已经完成了，⾃⼰只需要调⽤这个⽅法再加上⼏句代码就可以实现所需的功能。
我们知道，在html中，利⽤<script language="javascript" type="text/javascript" src="./script.js"></script>引⼊的两个js是不可以相互调⽤的。那么该如何解决呢？当然，你可以将代码通通copy过来，也许你并不喜欢这样。
例如有这样⼀个html，⾥⾯有⼀个按钮，当按下时调⽤b.js⽂件中的⽅法b()。⽽b()中⼜要调⽤a.js⽂件中的⽅法a()。若要实现这个功能，必须注意，将要引⼊的Js⽂件代码放在</body>下⾯。
⾸先，我们在html中引⼊b.js，并在</body>之后加⼊引⽤语句。如下：
<html>
<body>
<input type="button" value="ok" onClick="javascript:b()">
</body>
<!--这⾥引⽤要放在body下⾯-->
<script language="JAVASCRIPT" src='b.js'></script>
</html>
b.js⽂件如下：
new_ateElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这⾥引⼊了a.js
document.body.appendChild(new_element);
function b() {
js调用方法的三种写法
a();
}
在b.js⽂件中前4⾏代码中我们引⼊了a.js⽂件，并在第7⾏代码中调⽤了a.js代码中的a()⽅法。
让我们来分析⼀下关键的⼏句代码：⾸先，我们利⽤ateElement("script")⽣成了⼀个script的标签，设置其type 属性为text/javascript，src为a.js(这⾥的a.js同b.js放在同⼀个⽬录，也可放在不同的⽬录)。最后将这个标签动态地加⼊body 中。如此⼀来，我们就可以调⽤到不同js⽂件中的⽅法了。
以上就是⼩编为⼤家带来的JS中跨页⾯调⽤变量和函数的⽅法(例如a.js 和 b.js中互相调⽤)全部内容了，希望⼤家多多⽀持~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。