关闭

javascript js引用

标签: javascriptjs引用
48人阅读 评论(0) 收藏 举报
分类:

在一个页面中引用外部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">








0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:322次
    • 积分:60
    • 等级:
    • 排名:千里之外
    • 原创:6篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档