javascript實現動態匯入js與css等靜態資源檔案的方法_javascript技巧

本文執行個體講述了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程式設計有所協助。