javascript js引用

原创 2016年08月30日 22:34:39

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








版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js学习之javascript引用类型object--练习模拟Map和数组去重

一.模拟map function Map(){ //创建一个空对象 var obj = {}; // put 方法存值 this.put = function(key,value){...

【JavaScript】小样例-js仿jquery的表单验证

自己写了一个仿jquery的表单验证,用的纯javascript 效果: 代码: js测试 用户名: 密码: f...

node.js 与 javascript (通过闭包)如何简化事件驱动编程风格

本篇博客记录的是自己《nodejs高级编程》的笔记,内容非常基础= = 定义:当感兴趣的事件发生时由系统调用的函数来取代应用返回值的编程风格被称为事件驱动编程或者异步编程,这个是node的显著特征。...

javascript深入理解js闭包

转自:http://www.jb51.net/article/24101.htm 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)