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


Posted in Javascript onJune 05, 2019

本文实例讲述了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 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
JQuery对checkbox操作 (循环获取)
May 20 Javascript
使用GruntJS构建Web程序之构建篇
Jun 04 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
Jun 20 Javascript
Javascript动态创建div的方法
Feb 09 Javascript
Node.js模块封装及使用方法
Mar 06 Javascript
一道关于JavaScript变量作用域的面试题
Mar 08 Javascript
js实现简单的网页换肤效果
Jan 18 Javascript
Javascript面试经典套路reduce函数查重
Mar 23 Javascript
js使用html2canvas实现屏幕截取的示例代码
Aug 28 Javascript
js 动态校验开始结束时间的实现代码
May 25 Javascript
JS函数动态传递参数的方法分析【基于arguments对象】
Jun 05 #Javascript
jQuery操作cookie的示例代码
Jun 05 #jQuery
JS实现从对象获取对象中单个键值的方法示例
Jun 05 #Javascript
微信小程序如何实现全局重新加载
Jun 05 #Javascript
JS数组Object.keys()方法的使用示例
Jun 05 #Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 #Javascript
Vue实现微信支付功能遇到的坑
Jun 05 #Javascript
You might like
使用php实现快钱支付功能(涉及到接口)
2013/07/01 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
php开发工具有哪五款
2015/11/09 PHP
php接口隔离原则实例分析
2019/11/11 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
jquery 插件开发方法小结
2009/10/23 Javascript
海量经典的jQuery插件集合
2010/01/12 Javascript
Javascript笔记一 js以及json基础使用说明
2010/05/22 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
js闭包实例汇总
2014/11/09 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
2016/04/17 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
js图片轮播手动切换特效
2017/01/12 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
2017/05/18 Javascript
微信小程序“摇一摇”的实例代码
2017/07/20 Javascript
详解使用React全家桶搭建一个后台管理系统
2017/11/04 Javascript
vue计算属性和监听器实例解析
2018/05/10 Javascript
Vue动态创建注册component的实例代码
2019/06/14 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
js实现鼠标切换图片(无定时器)
2021/01/27 Javascript
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
用Python分析3天破10亿的《我不是药神》到底神在哪?
2018/07/12 Python
django主动抛出403异常的方法详解
2019/01/04 Python
CSS3中伪元素::before和::after的用法示例
2017/09/18 HTML / CSS
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
高清安全摄像头系统:Lorex Technology
2018/07/20 全球购物
工厂实习感言
2014/01/14 职场文书
军神教学反思
2014/02/04 职场文书
小学六年级学生评语
2014/04/22 职场文书
公司年会主持词范文!
2019/05/07 职场文书
python 提取html文本的方法
2021/05/20 Python
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python
OpenCV绘制圆端矩形的示例代码
2021/08/30 Python
你需要掌握的20个Python常用技巧
2022/02/28 Python