JS实现动态添加外部js、css到head标签的方法

前端  /  管理员 发布于 4年前   361

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

您可能感兴趣的文章:

• JavaScript动态添加数据到表单并提交的几种方式
• JavaScript实现动态添加、移除元素或属性的方法分析
• js实现动态添加上传文件页面
• JavaScript数组，JSON对象实现动态添加、修改、删除功能示例
• JS点击动态添加标签、删除指定标签的代码
• JS实现为动态添加的元素增加事件功能示例【基于事件委托】
• JS如何实现动态添加的元素绑定事件