本文實例講述了JS實現動態添加外部js、css到head標簽的方法。分享給大家供大家參考，具體如下：

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);}

動態添加 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() {    //加載,并執行回調函數   alert('動態引入jquery成功')});

更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》

希望本文所述對大家JavaScript程序設計有所幫助。