javascript 動(dòng)態(tài)加載 css 的方法總結(jié)
來(lái)源:程序員人生 發(fā)布時(shí)間:2013-10-14 19:44:48 閱讀次數(shù):2669次
網(wǎng)(LieHuo.Net)訊 1. 用在外部CSS文件中加載必須的文件
@importurl(style.css);
//只能用在CSS文件中或者style標(biāo)簽中
2. 簡(jiǎn)單的在頁(yè)面中加載一個(gè)外部CSS文件
document.createStyleSheet(cssFile);
2. 用createElement方法創(chuàng)建CSS的Link標(biāo)簽
varhead=document.getElementsByTagName('HEAD').item(0);
varstyle=document.createElement('link');
style.href='style.css';
style.rel='stylesheet';
style.type='text/css';
head.appendChild(style);
下面是經(jīng)常會(huì)用到的兩個(gè)函數(shù).
- functionloadJs(file){
- varscriptTag=document.getElementById('loadScript');
- varhead=document.getElementsByTagName('head').item(0);
- if(scriptTag)head.removeChild(scriptTag);
- script=document.createElement('script');
- script.src="../js/mi_"+file+".js";
- script.type='text/javascript';
- script.id='loadScript';
- head.appendChild(script);
- }
- functionloadCss(file){
- varcssTag=document.getElementById('loadCss');
- varhead=document.getElementsByTagName('head').item(0);
- if(cssTag)head.removeChild(cssTag);
- css=document.createElement('link');
- css.href="../css/mi_"+file+".css";
- css.rel='stylesheet';
- css.type='text/css';
- css.id='loadCss';
- head.appendChild(css);
- }
復(fù)制代碼 |
生活不易,碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)