⼀个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
js arguments
  document.body.appendChild(new_element);
  function b() {
  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⽂件中的⽅法了。
补充（详解）
⽅法⼀，在调⽤⽂件的顶部加⼊下例代码：
document.write(”<script language=javascript src='/js/2.js'><\/script>”);
⽅法⼆：在将下边代码放⼊Body中：
new_ateElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”2.js”);
document.body.appendChild(new_element);
  我们来分析⼀下关键的⼏句代码：
⾸先，我们利⽤ateElement(”script”)⽣成了⼀个script的标签，设置其 type属性为text/javascript，src为2.js(这⾥的1.js同2.js放在同⼀个⽬录，也可放在不同的⽬录)。最后将这个标签动态地加⼊body中。如此⼀来，我们就可以调⽤到不同js⽂件中的⽅法了。
注意：<script language=”JAVASCRIPT” src='1.js'></script>⼀定要放在body下⾯。
  　因为在2.js中⽤到了body（document.body.appendChild(new_element);）
  　如果将引如2.js的代码放在body上⾯，也就是说，
  　进⼊页⾯后，还没有⽣成body就已经执⾏b.js⾥的document.body.appendChild(new_element)；了。
  　这时body不存在就会抛javascript错误。
好了以上就是⼩编为⼤家整理的⼀个Js⽂件函数中调⽤另⼀个Js⽂件函数的⽅法的内容了。希望对⼤家的学习有所帮助，也希望⼤家继续⽀持~

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