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相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• JS函数实现动态添加CSS样式表文件
• JavaScript动态添加css样式和script标签
• asp.net后台如何动态添加JS文件和css文件的引用
• asp.net后台动态添加JS文件和css文件的引用实现方法
• JS动态添加option和删除option(附实例代码)
• javascript实现的动态添加表单元素input,button等(appendChild)
• js动态添加的DIV中的onclick事件简单实例
• JS动态添加iframe的代码
• javascript动态添加、修改、删除对象的属性与方法详解