溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下js怎么引入css外部文件，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
js引入css外部文件的方法：寫成自定義函數，url為文件路徑，供以后的元素調用，代碼為【var script = document.createElement('script')】。
js引入css外部文件的方法：
把其寫成自定義函數（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("文件路徑"); //自動調用函數;
//加載外部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("文件路徑"); //自動調用函數;注：
js腳本文件具體是放在head標簽里面,還是放在body標簽里面，可根據開發需要來進行選擇;
用到的主要知識點就是：元素的創建、元素的添加
document.createElement("元素名稱");document.createElement("元素名稱");其實，外部引入js腳本文件，或者外部css樣式，方法大同小異。
只是外部引入css文件只能放在head標簽以內，而js既可以放在head標簽以內，還可以放在body標簽以內，又可以放在html標簽以外。
以上是“js怎么引入css外部文件”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
