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

來源:互聯網
上載者:User

一、動態載入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,只是非同步罷了。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.