動態載入CSS

詳細內容
分類：Javascript
發佈：2013-01-27, 週日 21:16
點擊數：2862

一般載入css檔的方式就是在<head>中使用<link>來宣告要載入的文件。

而事實上<link>也只能在<head>中使用。

那如何在網頁當中選擇要載入的css檔呢?

下面這範例示範如何動態載入檔名為style.css的css檔：

<script type="text/javascript">
var head = document.getElementsByTagName("head")[0];
var mycss = document.createElement("link");
mycss.type = "text/css";
mycss.rel = "stylesheet";
mycss.href = "style.css";
head.appendChild(mycss);
</script>

這方法其實也可以用來載入script檔：

<script type="text/javascript">
var head = document.getElementsByTagName("head")[0];
var myscript = document.createElement("script");
myscript.type = "text/javascript";
myscript.src= "myscript.js";
head.appendChild(myscript );
</script>

 
 

  按個讚!~支持本站!~

FB推薦載入中  

你可能會有興趣的文章：

返回本頁開頭    返回部落格首頁