動態(tài)加載、移除js/css文件的示例代碼
本文簡單介紹動態(tài)加載、移除、替換js/css文件 。有時(shí)候我們在寫前端的時(shí)候,會有出現(xiàn)需要動態(tài)加載一些東如css js 這樣能減輕用戶加載負(fù)擔(dān),從而提高響應(yīng)效率。下面貼出代碼。
<script language="JavaScript"> //動態(tài)加載一個(gè)js/css文件 function loadjscssfile(filename, filetype){ if (filetype=="js"){ varfileref=document.createElement('script') fileref.setAttribute("type","text/javascript") fileref.setAttribute("src",filename) } else if (filetype=="css"){ varfileref=document.createElement("link") fileref.setAttribute("rel","stylesheet") fileref.setAttribute("type","text/css") fileref.setAttribute("href",filename) } if (typeof fileref!="undefined") document.getElementsByTagName("head")[0].appendChild(fileref) } </script>
使用示例:
loadjscssfile("myscript.js","js") loadjscssfile("javascript.PHP","js") loadjscssfile("mystyle.css","css") <scriptlanguage="javascript"> //移動已經(jīng)加載過的js/css function removejscssfile(filename,filetype){ vartargetelement=(filetype=="js")? "script" :(filetype=="css")? "link" : "none" var targetattr=(filetype=="js")?"src" : (filetype=="css")? "href" :"none" varallsuspects=document.getElementsByTagName(targetelement) for (var i=allsuspects.length; i>=0;i--){ if (allsuspects[i] &&allsuspects[i].getAttribute(targetattr)!=null && allsuspects[i].getAttribute(targetattr).indexOf(filename)!=-1) allsuspects[i].parentNode.removeChild(allsuspects[i]) } } </script>
使用示例:
removejscssfile("somescript.js","js") removejscssfile("somestyle.css","css")
總結(jié)
以上所述是小編給大家介紹的動態(tài)加載、移除js/css文件的示例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
- JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼
- JS點(diǎn)擊動態(tài)添加標(biāo)簽、刪除指定標(biāo)簽的代碼
- vue.js實(shí)現(xiàn)點(diǎn)擊后動態(tài)添加class及刪除同級class的實(shí)現(xiàn)代碼
- JS動態(tài)修改網(wǎng)頁body的背景色實(shí)例代碼
- JS動態(tài)添加的div點(diǎn)擊跳轉(zhuǎn)到另一頁面實(shí)現(xiàn)代碼
- Vue.js實(shí)現(xiàn)按鈕的動態(tài)綁定效果及實(shí)現(xiàn)代碼
- AngularJS動態(tài)綁定ng-options的ng-model實(shí)例代碼
- 微信小程序 JS動態(tài)修改樣式的實(shí)現(xiàn)代碼
- 如何基于JS截獲動態(tài)代碼
相關(guān)文章
JavaScript實(shí)現(xiàn)簡單隨機(jī)點(diǎn)名器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單隨機(jī)點(diǎn)名器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單
javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單...2007-05-05Echarts.js實(shí)現(xiàn)水滴球和海洋效果
這篇文章介紹了Echarts.js實(shí)現(xiàn)水滴球和海洋效果的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-04-04Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法
本文主要介紹了Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法。具有一定的參考價(jià)值,下面跟著小編一起來看下吧2016-12-12JS實(shí)現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式而發(fā)生變化
本文介紹了JQuery巧妙實(shí)現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式發(fā)生變化,實(shí)現(xiàn)方法非常簡單,感興趣的朋友一起看看吧2017-05-05js實(shí)現(xiàn)隨機(jī)點(diǎn)名程序
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)隨機(jī)點(diǎn)名程序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11