本文實例講述了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程序設計有所幫助。
新聞熱點
疑難解答