交流群:462197261站长百科站长论坛热门标签收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
点击这里给我发消息
  • 当前位置:
  • 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动态添加、修改、删除对象的属性与方法详解

    广而告之:
    热门推荐:
    使用ucenter实现多站点同步登录的讲解

    做Web开发经常会要求实现多站点同步登录的情况,对于PHP开发来说,我们可以使用ucenter来实现多个站点同时登陆同时退出,用户同步的功能。下面我们一起看一下ucenter是如何实现同步登陆的。 首先站点都要引入一个uc_client这样一个客户端,以登陆为例,登陆时首先会调用一个外···

    详解Angular4 路由设置相关

    1.路由相关配置 路由类设置 /*路由基本模型*/ /*导入RouterModule,Routes类型*/ import { RouterModule, Routes } from '@angular/router'; import { LoginComponent } from "./login/login.component"; /*定义路由const表示不可改变*/ const routers: Routes = [ /* p···

    Jquery使用小技巧汇总

    下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使D···

    jquery选择器之属性过滤选择器详解

    复制代码 代码如下:<style type="text/css">  /*高亮显示*/  .highlight{      background-color: gray  } </style>复制代码 代码如下:<body>   <div>   &nbs···

    PHP Mysql编程之高级技巧

    笔者做了以下的尝试。 <?php  $data_time="1998-12-31 23:59:59";  $connect_id=mysql_connect('localhost');  $query_id=mysql_query("SELECT DATE_ADD(' $data_time',INTERVAL 1 YEAR)", $connect_id);  $data_time=mysql_resu···

    MySQL5.7 JSON类型使用详解

    JSON是一种轻量级的数据交换格式,采用了独立于语言的文本格式,类似XML,但是比XML简单,易读并且易编写。对机器来说易于解析和生成,并且会减少网络带宽的传输。     JSON的格式非常简单:名称/键值。之前MySQL版本里面要实现这样的存储,要么用VARCHAR要么用···

    通过构造函数实例化对象的方法

    如下所示: /** * Created by hunt on 2017/6/27. * 测试的实体类 * @Data 编译后会自动生成set、get、无惨构造、equals、canEqual、hashCode、toString方法 */ @Data public class Person { private String name; private int age; public Person(String name){ ···

    php中mysql模块部分功能的简单封装

    复制代码 代码如下: class mysql { private $db; // datebase connect private $result; // mysql result static private $mysql; // mysql object private function __construct() { // The work before Create an object $this->db = mysql_connect('localhost','ro···

    JavaScript的21条基本知识点

    1.JavaScript大小写敏感;2.声明变量如果不写var,则为声明了全局变量;任何不是方法的函数,都是全局变量,其里面的this都指向window;3.%运算符,求余数,保留整数,y=5;x=y%2;则x=1;4.如需把两个或多个字符串变量连接起来,请使用 + 运算符,区别于php;5.三目运算:gre···

    网页常用代码 比较基础的东西

    ◆加入收藏夹 说 明 点击即可把你的网站添加到浏览器的收藏菜单下 代 码 <span style="CURSOR: hand" onClick="window.external.addFavorite('https://www..net','脚本之家')" title="脚本之家">收藏本站</span>   ···