Dynamic Loading of 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>

 

 

Sample Page (this page CSS is dynamically loaded): http://www.cnblogs.com/wintys/archive/2013/03/21/ui_windows7_fieldset.html

The sample page dynamically loads the CSS file which is this: http://files.cnblogs.com/wintys/dynamic.css

 

Dynamic adding css http://www.cnblogs.com/niuniu/archive/2010/05/03/1726303.html
[Reference] CSS file dynamic loading http://www.cnblogs.com/chyingp/archive/2013/03/01/load_css.html