javascript js引用

在一个页面中引用外部js文件的时候可是通过下面方式：

<script src="test.js"></script>

如果我们页面显式的，也就是在页面中调用了多个js文件的话，那就要引用复数个js文件了。写法如下

<script src="test1.js"></script>

<span style="font-family: Arial, Helvetica, sans-serif;"><script src="testn.js"></script></span>

*复数个js中的函数是可以进行覆盖的，以最后引入的函数为准。即使函数的参数列表不同，不存在重载重载，更像是重写。

这样我们就可以使用复数个js中函数了。

但是如果页面只是调用了test1.js中的函数，而在不确认test1.js的情况下我们无法知道其中调用了test2.js的函数的话

那么这时把所有脚本的引入写在页面中显然不那么效率了。

解决方式：

1.网上有帖子说道在test1中使用

document.write('<script src="test2.js"></script>')

这种方式可以把test2引入document也就是页面中。但是从加载后的HTML源文件来看，并没有找到 <script src="test2.js"></script>

</pre><pre name="code" class="html">2.因为脚本标签通常是放在head或者body中的，所以我们可以通过给head,body加入子节点的方式引入test2.js

<pre name="code" class="javascript">var oBody = document.getElementsByTagName('body')[0];   
var oScript= document.createElement("script");   
oScript.type = "text/javascript";   
oScript.src="ajaxtest.js";   
oBody.appendChild( oScript);  

</pre><pre name="code" class="javascript">这种方式可以把test2引入页面中。从加载后的HTML源文件来看，可以在body中找到<span style="background-color: rgb(240, 240, 240);"><script src="test2.js"></script></span>

<span style="background-color: rgb(240, 240, 240);">
</span>

注：上面两种方法都是要在test1.js的最开始使用，这样加载test1.js的时候就可以及时生成<span style="font-family: Arial, Helvetica, sans-serif;"><script src="test2.js"></script></span>

而不能放到任何函数定义中。

</pre><pre name="code" class="javascript">