在Javascript中動態載入css檔案和js檔案

一、動態載入CSS檔案

function loadCss( cssUrl, attachToTopWindow ){    var $head = attachToTopWindow ? top.$('head') : $('head');    if($("link[href='"+cssUrl+"']").length==0){        $("<link>")          .appendTo($head)                               // *注意*：一定要先添加到DOM樹中          .attr({type : 'text/css', rel : 'stylesheet'})  // 然後再設定href屬性，否則在IE下可能          .attr('href', cssUrl);                          // 該css檔案不生效    }}

 

二、動態載入js檔案

function loadJs( jsUrl, errorCallback ){    $.ajax({        url : jsUrl,        type : 'get',                                cache : false,        async : false ,                 error : function() {            if(errorCallback && $.isFunction(errorCallback)){                errorCallback();            }                            }    });}

      以上方法是同步載入js檔案，如果用非同步方式載入js檔案，可直接用jquery的$.getScript(url,callBack)方法，其實質也是ajax，只是非同步罷了。