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">








转载:写了10年Javascript未必全了解的连续赋值运算 --> 说明了JS中变量是引用

写了10年Javascript未必全了解的连续赋值运算 摘自: http://www.iteye.com/topic/785445 很喜欢蔡蔡 的这个标题,实际蔡蔡已经分析过了,这里借...

javascript中值传递,地址传递,引用传递的问题(使用js创建list对象时会用到)

function initEditModal_SI(node) {     if (node.siArray == undefined) {         node.siAr...

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

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

qrcode.js生成二维码的 JavaScript 库

  • 2017年11月23日 16:12
  • 54KB
  • 下载

韩顺平 javascript教学视频_学习笔记13_类和对象细节_创建对象的几种方式_js对象内存分析

对象——function特别说明 在js中一切都是对象 类(原型对象)其实也是对象,它实际上是Function类的一个实例,通过类我们可以创建自己的对象实例,可以通过下面的代码来说明 f...

JavaScript内容复制插件Clipboard.js

  • 2017年12月06日 13:57
  • 21KB
  • 下载

JavaScript页面模版引擎handlebars.js学习及使用

Handlebars.js是一个Javascript客户端的模板引擎(它也能用于服务器端)。它是一个Javascript库,就像你在页面中包含其他.js文件一样。有了它,在你的HTML页面内添加模板,...

javascript XMPP strophe.JS,聊天室

  • 2017年10月24日 14:09
  • 48KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript js引用
举报原因:
原因补充:

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