向Html动态加载内容(动态加载脚本,css)

使用Dom的createElement()方法,再使用head.appendChild()即可实现动态加载

例:动态加载css

var cssArr=new Array("style/css/style.css","style/css/reset.css","style/css/invalid.css");
for(var i=0;i<cssArr.length;i++){
   var css=document.createElement("link");
   css.rel="StyleSheet";css.type="text/css";
   css.href=cssArr[i];
   document.getElementsByTagName("head")[0].appendChild(css);
}

可使用这个原理实现页面不刷新切换风格主题