動態(tài)加載、移除js/css文件的示例代碼
更新時間:2018年03月20日 09:53:41 作者:dongsdh
本文簡單介紹動態(tài)加載、移除、替換js/css文件的示例代碼,代碼簡單易懂,非常不錯,具有參考借鑒加載,需要的朋友參考下吧
本文簡單介紹動態(tài)加載、移除、替換js/css文件 。有時候我們在寫前端的時候,會有出現(xiàn)需要動態(tài)加載一些東如css js 這樣能減輕用戶加載負擔(dān),從而提高響應(yīng)效率。下面貼出代碼。
<script language="JavaScript"> //動態(tài)加載一個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文件的示例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
- JS中注入eval, Function等系統(tǒng)函數(shù)截獲動態(tài)代碼
- JS點擊動態(tài)添加標(biāo)簽、刪除指定標(biāo)簽的代碼
- vue.js實現(xiàn)點擊后動態(tài)添加class及刪除同級class的實現(xiàn)代碼
- JS動態(tài)修改網(wǎng)頁body的背景色實例代碼
- JS動態(tài)添加的div點擊跳轉(zhuǎn)到另一頁面實現(xiàn)代碼
- Vue.js實現(xiàn)按鈕的動態(tài)綁定效果及實現(xiàn)代碼
- AngularJS動態(tài)綁定ng-options的ng-model實例代碼
- 微信小程序 JS動態(tài)修改樣式的實現(xiàn)代碼
- 如何基于JS截獲動態(tài)代碼
相關(guān)文章
javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單
javascript支持區(qū)號輸入的省市二級聯(lián)動下拉菜單...2007-05-05Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法
本文主要介紹了Chrome瀏覽器的alert彈窗禁止再次彈出后恢復(fù)的方法。具有一定的參考價值,下面跟著小編一起來看下吧2016-12-12JS實現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式而發(fā)生變化
本文介紹了JQuery巧妙實現(xiàn)多級菜單中當(dāng)前菜單不隨頁面跳轉(zhuǎn)樣式發(fā)生變化,實現(xiàn)方法非常簡單,感興趣的朋友一起看看吧2017-05-05