才子小窝

天生我才必有用,千金散尽还复来

« Panasonic(松下电器)中文站恢复正常关于table如何通过XHTML验证那档子事 »

利用DOM动态加载javascript文件

近几天玩DOM比较多,越来越觉得DOM操作的方便,可以动态添加/删除节点,今天无聊,写了个动态加载javascript文件的函数,非常简单,并没有什么技术含量,但却非常实用,有需要的朋友拿去用吧,嘿嘿。

/****************************************
 * 函数:incJS
 * 参数:file --- 需要加载的js文件的地址
 * 范例:incJS('/javascript/aa.js')
 ****************************************/
function incJS (file) {
  var el = document.createElement('script');
  el.src = file;
  el.type = 'text/javascript';
  var head = document.getElementsByTagName('head')[0];
  head.appendChild(el);
}

这里解释一下file参数所指的地址,才子这里建议采用绝对目录地址。为什么要采用绝对目录,因为通常我们的javascript文件都放在某一个目录下,而我们调用javascript文件的页面却可能有N级目录,也许是根目录,也有二级目录,三级目录甚至四级目录,这样的话,如果采用相对目录会因为需要过多的去考虑相对目录的层数,还不如直接来个绝对目录方便。

演示:http://www.54caizi.org/demo/incjs.html

风流才子 作品,转帖请保留原文地址链接,谢谢合作!
才子小窝http://www.54caizi.org

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新评论及回复

最近发表


Copyright 2008-? 才子小窝. Some Rights Reserved. 
粤ICP备08040021号  网站地图