小編給大家分享一下js怎么引入css外部文件,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)主要從事網(wǎng)站設計制作、網(wǎng)站設計、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務大足,10多年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792
js引入css外部文件的方法:寫成自定義函數(shù),url為文件路徑,供以后的元素調用,代碼為【var script = document.createElement('script')】。
js引入css外部文件的方法:
把其寫成自定義函數(shù)(url為文件路徑)供以后的元素調用:
//加載外部css文件 function dynamicLoadCss(url) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.type='text/css'; link.rel = 'stylesheet'; link.href = url; head.appendChild(link); } dynamicLoadCss("文件路徑"); //自動調用函數(shù); //加載外部js文件 function dynamicLoadJs(url) { var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type='text/jajvascript'; script.href = url; head.appendChild(script); } dynamicLoadCss("文件路徑"); //自動調用函數(shù);
注:
js腳本文件具體是放在head標簽里面,還是放在body標簽里面,可根據(jù)開發(fā)需要來進行選擇;
用到的主要知識點就是:元素的創(chuàng)建、元素的添加
document.createElement("元素名稱");
document.createElement("元素名稱");
其實,外部引入js腳本文件,或者外部css樣式,方法大同小異。
只是外部引入css文件只能放在head標簽以內(nèi),而js既可以放在head標簽以內(nèi),還可以放在body標簽以內(nèi),又可以放在html標簽以外。
以上是“js怎么引入css外部文件”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!