js怎么引入css外部文件

小編給大家分享一下js怎么引入css外部文件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

js引入css外部文件的方法：寫成自定義函數(shù)，url為文件路徑，供以后的元素調(diào)用，代碼為【var script = document.createElement('script')】。

js引入css外部文件的方法：

把其寫成自定義函數(shù)（url為文件路徑）供以后的元素調(diào)用：

//加載外部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("文件路徑");  //自動(dòng)調(diào)用函數(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("文件路徑");  //自動(dòng)調(diào)用函數(shù);

注：

js腳本文件具體是放在head標(biāo)簽里面,還是放在body標(biāo)簽里面，可根據(jù)開發(fā)需要來(lái)進(jìn)行選擇;

用到的主要知識(shí)點(diǎn)就是：元素的創(chuàng)建、元素的添加

document.createElement("元素名稱");

document.createElement("元素名稱");

其實(shí)，外部引入js腳本文件，或者外部css樣式，方法大同小異。

只是外部引入css文件只能放在head標(biāo)簽以內(nèi)，而js既可以放在head標(biāo)簽以內(nèi)，還可以放在body標(biāo)簽以內(nèi)，又可以放在html標(biāo)簽以外。

以上是“js怎么引入css外部文件”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！