AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

javascript实现动态导入js与css等静态资源文件的方法

51自学网 http://www.wanshiok.com
javascript,动态导入,js,css,静态资源文件

本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下:

/** * 动态导入静态资源文件js/css */var $import = function(){  return function(rId, res, callback){    if(res && 'string' == typeof res){      if(rId){        if($($('#' + rId), $('head')).length>0){          return;        }      }      //加载资源文件      var sType = res.substring(res.lastIndexOf('.') + 1);      // 支持js/css      if(sType && ('js' == sType || 'css' == sType)){        var isScript = (sType == 'js');        var tag = isScript ? 'script' : 'link';        var head = document.getElementsByTagName('head')[0];        // 创建节点        var linkScript = document.createElement(tag);        linkScript.type = isScript ? 'text/javascript' : 'text/css';        linkScript.charset = 'UTF-8';        if(!isScript){          linkScript.rel = 'stylesheet';        }        isScript ? linkScript.src = res : linkScript.href = res;        if(callback && 'function' == typeof callback){          if (linkScript.addEventListener){            linkScript.addEventListener('load', function(){              callback.call();            }, false);          } else if (linkScript.attachEvent) {            linkScript.attachEvent('onreadystatechange', function(){              var target = window.event.srcElement;              if (target.readyState == 'complete') {                callback.call();              }            });          }        }        head.appendChild(linkScript);      }    }  };}();

希望本文所述对大家的javascript程序设计有所帮助。


javascript,动态导入,js,css,静态资源文件  
上一篇:javascript的变量、传值、传址、参数之间关系  下一篇:javascript创建动态表单的方法