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

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

例:动态加载css

?

1 2 3 4 5 6 7

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); }

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