JS如何调用CSS样式表

JS1:

head=document.getElementsByTagName("head");
function js_on(){
var js=document.createElement("script");
js.type="text/javascript";
js.src="importcss.js";
head[0].appendChild(js);
}
window.onload=js_on;

JS2:importcss.js

//function js_onload(){
//var head=document.getElementsByTagName("head");
var es=document.createElement("link");
es.href='css/fbtd_home.css';
es.rel="stylesheet";
es.type="text/css";
head[0].appendChild(es);
var es1=document.createElement("link");
es1.href='css/fbtd_common.css';
es1.rel="stylesheet";
es1.type="text/css";
head[0].appendChild(es1);
//}

以上是通过JS结合DOM创建新的页面节点实现CSS或JS的调用,另外如果更换CSS的话也可以在页面写入所有的外部样式,然后通过更改样式的disabled属性(true/false)即可动态的更改样式

你可能感兴趣的:(js调用css)