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 相关文章推荐
JSQL 批量图片切换的实现代码
May 05 Javascript
Jquery+WebService 校验账号是否已被注册的代码
Jul 12 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
完美兼容IE,chrome,ff的设为首页、加入收藏及保存到桌面js代码
Dec 17 Javascript
JQuery实现简单的图片滑动切换特效
Nov 22 Javascript
Vue.js每天必学之构造器与生命周期
Sep 05 Javascript
vue2滚动条加载更多数据实现代码
Jan 10 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
微信小程序使用map组件实现解析经纬度功能示例
Jan 22 Javascript
tsconfig.json配置详解
May 17 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 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中拷贝构造函数、赋值运算符重载
2012/07/25 PHP
php笔记之:有规律大文件的读取与写入的分析
2013/04/26 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
php基于 swoole 实现的异步处理任务功能示例
2019/08/13 PHP
PHP读取Excel内的图片(phpspreadsheet和PHPExcel扩展库)
2019/11/19 PHP
JavaScript学习点滴 call、apply的区别
2010/10/22 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
Javascript实现获取及设置光标位置的方法
2015/07/21 Javascript
再谈Javascript中的异步以及如何异步
2016/08/19 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
2018/11/27 Javascript
微信小程序实现动态显示和隐藏某个控件功能示例
2018/12/14 Javascript
深入解析vue 源码目录及构建过程分析
2019/04/24 Javascript
vue+elementui 对话框取消 表单验证重置示例
2019/10/29 Javascript
详解vue修改elementUI的分页组件视图没更新问题
2020/11/13 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
详解使用HTML5 Canvas创建动态粒子网格动画
2016/12/14 HTML / CSS
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
美国爆米花工厂:The Popcorn Factory
2019/09/14 全球购物
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
教师自我鉴定范文
2013/11/10 职场文书
应届毕业生求职信
2013/11/30 职场文书
团队精神演讲稿
2013/12/31 职场文书
偷看我的初中毕业鉴定
2014/01/29 职场文书
销售员岗位职责范本
2014/02/03 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
2015年计划生育责任书
2015/05/08 职场文书
关于童年的读书笔记
2015/06/26 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书
python自动化八大定位元素讲解
2021/07/09 Python