js實現的動態引入css檔案程式碼例項

在實際應用中可能會用到動態載入外部樣式表，具體的應用場景這裡不做介紹，直接給出程式碼:

[JavaScript] 純文字檢視 複製程式碼
function addStyleSheet(url){    
  var olink=document.createElement("link");
  olink.setAttribute("href",url);
  olink.setAttribute("rel","stylesheet");
  olink.setAttribute("type","text/css");
  document.getElementsByTagName("head")[0].appendChild(olink);
}

上面的程式碼實現了動態載入css檔案效果，addStyleSheet()函式的引數是css檔案的路徑。

相關閱讀:

1.createElement()函式可以參閱js createElement()一章節。

2.setAttribute()函式可以參閱setAttribute()一章節。

3.getElementsByTagName()函式可以參閱getElementsByTagName()一章節。