動態載入CSS

<script type="text/javascript">
            function addStyle(stylePath) {
                var container = document.getElementsByTagName("head")[0];
                var addStyle = document.createElement("link");
                addStyle.rel = "stylesheet";
                addStyle.type = "text/css";
                addStyle.media = "screen";
                addStyle.href = stylePath;
                container.appendChild(addStyle);
            }
            addStyle('http://files.cnblogs.com/wintys/dynamic.css');
</script>

 

 

樣本頁面（此頁面CSS是動態載入的）：http://www.cnblogs.com/wintys/archive/2013/03/21/ui_windows7_fieldset.html

樣本頁面動態載入的CSS檔案是這個：http://files.cnblogs.com/wintys/dynamic.css

 

【來源】動態添加css http://www.cnblogs.com/niuniu/archive/2010/05/03/1726303.html
【參考】CSS檔案動態載入 http://www.cnblogs.com/chyingp/archive/2013/03/01/load_css.html