js 在头部追加html,JS实现动态添加外部js、css到head标签的方法

本文实例讲述了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程序设计有所帮助。