js實現的動態載入css外部樣式表程式碼

antzone發表於2017-03-21
JSCSS
有時候要根據程式碼的實際執行情況，來決定是否要載入css外部樣式，下面就通過程式碼介紹一下如何實現此功能。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function LoadStyle(url){
  try{
    document.createStyleSheet(url)
  } 
  catch(e){
    var cssLink = document.createElement('link');
    cssLink.rel = 'stylesheet';
    cssLink.type = 'text/css';
    cssLink.href = url;
    var head = document.getElementsByTagName('head')[0];
    head.appendChild(cssLink)
  }
}

相關文章