Js⽂件中调⽤其它Js函数的⽅法
js方法本⽂转载⾃: 作者:changhai-xuri 转载请注明该声明。
在项⽬开发过程中,也许你会遇这样的情况。在某⼀Js⽂件中需要完成某⼀功能,但这⼀功能的⼤部分代码在另外⼀个Js⽂件中已经完成了,⾃⼰只需要调⽤这个⽅法再加上⼏句代码就可以实现所需的功能。我们知道,在html中,利⽤
<script language="javascript" type="text/javascript" src="../script.js"></script>
引⼊的两个js是不可以相互调⽤的。那么该如何解决呢?当然,你可以将代码通通copy过来,这样会让你的b.js会变得很长,也许已经影响到了你对b.js的定位了,检查,维护都会变得⿇烦.
例如有这样⼀个html,⾥⾯有⼀个按钮,当按下时调⽤b.js⽂件中的⽅法b()。⽽b()中⼜要调⽤a.js⽂件中的⽅法a()。那我们应该怎么做呢?
⾸先,我们在html中引⼊b.js,并在</body>之后加⼊引⽤语句。必须注意,将要引⼊的Js⽂件代码放在</body>下⾯。
b.js⽂件中引⼊a.js,内容如下:
在b.js⽂件中前4⾏代码中我们引⼊了a.js⽂件,并在第7⾏代码中调⽤了a.js代码中的a()⽅法。
让我们来分析⼀下关键的⼏句代码:⾸先,我们利⽤ateElement("script")⽣成了⼀个script的标签,设置其type属性为text/javascript,src为a.js(这⾥的a.js同b.js放在同⼀个⽬录,也可放在不同的⽬录)。最后将这个标签动态地加⼊body中。如此⼀来,我们就可以调⽤到不同js⽂件中的⽅法了。
注意:<script language="JAVASCRIPT" src='b.js'></script>⼀定要放在body下⾯。 因为在b.js中⽤到了
body(document.body.appendChild(new_element);) 如果将引如b.js的代码放在body上⾯,也就是说, 进⼊页⾯后,还没有⽣成body就已经执⾏b.js⾥的document.body.appendChild(new_element);了。 这时body不存在就会抛javascript错误。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论