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.οnlοad=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)即可動態的更改樣式

發佈了57 篇原創文章 · 獲贊 16 · 訪問量 20萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章