javascript 動(dòng)態(tài)加載 css 方法總結(jié)
@importurl(style.css);
//只能用在CSS文件中或者style標(biāo)簽中
2. 簡單的在頁面中加載一個(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);
}
相關(guān)文章
javascript高級(jí)模塊化require.js的具體使用方法
本篇文章主要介紹了javascript高級(jí)模塊化require.js的具體使用方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-10-10基于Particles.js制作超炫粒子動(dòng)態(tài)背景效果(仿知乎)
本文給大家分享Particles.js基于Canvas畫布創(chuàng)建粒子顆粒效果,代碼非常簡單,需要的朋友參考下吧2017-09-09javascript+css3 實(shí)現(xiàn)動(dòng)態(tài)按鈕菜單特效
這篇文章主要介紹了javascript+css3 實(shí)現(xiàn)動(dòng)態(tài)按鈕菜單特效的相關(guān)資料,需要的朋友可以參考下2016-02-02JS實(shí)現(xiàn)滑動(dòng)菜單效果代碼(包括Tab,選項(xiàng)卡,橫向等效果)
這篇文章主要介紹了JS實(shí)現(xiàn)滑動(dòng)菜單效果代碼,以實(shí)例形式實(shí)現(xiàn)了包括Tab,選項(xiàng)卡,橫向等效果,非常簡單實(shí)用,需要的朋友可以參考下2015-09-09JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
這篇文章主要介紹了JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法,可實(shí)現(xiàn)忽略大小寫,模糊搜索,多關(guān)鍵搜索等功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03js中刪除數(shù)組中的某一元素實(shí)例(無下標(biāo)時(shí))
下面小編就為大家?guī)硪黄猨s中刪除數(shù)組中的某一元素實(shí)例(無下標(biāo)時(shí))。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02Webpack自動(dòng)清理打包目錄的實(shí)現(xiàn)
本文主要介紹了Webpack自動(dòng)清理打包目錄的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01js一維數(shù)組、多維數(shù)組和對(duì)象的混合使用方法
這篇文章主要介紹了js一維數(shù)組、多維數(shù)組和對(duì)象的混合使用方法,需要的朋友可以參考下2016-04-04