JS如何實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽

這篇“JS如何實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽”除了程序員外大部分人都不太理解，今天小編為了讓大家更加理解“JS如何實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽”，給大家總結(jié)了以下內(nèi)容，具有一定借鑒價(jià)值，內(nèi)容詳細(xì)步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望大家通過這篇文章有所收獲，下面讓我們一起來(lái)看看具體內(nèi)容吧。

css是什么意思

css是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言，主要是用來(lái)設(shè)計(jì)網(wǎng)頁(yè)的樣式，使網(wǎng)頁(yè)更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語(yǔ)言，并且css樣式可以直接存儲(chǔ)于HTML網(wǎng)頁(yè)或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級(jí)由css根據(jù)這個(gè)層次結(jié)構(gòu)決定，從而實(shí)現(xiàn)級(jí)聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁(yè)，也可以配合各種腳本對(duì)于網(wǎng)頁(yè)進(jìn)行格式化。

JS實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽的方法，具體如下：

function appendJQCDN() {
   var head = document.head || document.getElementsByTagName('head')[0];
   var script = document.createElement('script');
   var style = document.createElement('style');
   script.setAttribute("src", "https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js");
   style.innerHTML = '';
   head.appendChild(script);
   head.appendChild(style);
}

動(dòng)態(tài)添加 js

function loadScript(url, callback) {
   var script = document.createElement("script");
   script.type = "text/javascript";
   if (typeof (callback) != "undefined") {
     if (script.readyState) {
       script.onreadystatechange = function () {
         if (script.readyState == "loaded" || script.readyState == "complete") {
           script.onreadystatechange = null;
           callback();
         }
       };
     } else {
       script.onload = function () {
         callback();
       };
     }
   };
   script.src = url;
   document.body.appendChild(script);
}

loadScript("https://cdn.bootcss.com/jquery/3.2.1/jquery.js", function() { 
   //加載,并執(zhí)行回調(diào)函數(shù)
   alert('動(dòng)態(tài)引入jquery成功')
});

感謝你的閱讀，希望你對(duì)“JS如何實(shí)現(xiàn)動(dòng)態(tài)添加外部js、css到head標(biāo)簽”這一關(guān)鍵問題有了一定的理解，具體使用情況還需要大家自己動(dòng)手實(shí)驗(yàn)使用過才能領(lǐng)會(huì)，快去試試吧，如果想閱讀更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注億速云行業(yè)資訊頻道！