VIP用户交流群:462197261 收藏本站北冥有鱼 互联网前沿资源第一站 助力全行业互联网+
在线客服:78895949
tonglan
  • 当前位置:
  • 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动态添加、修改、删除对象的属性与方法详解

    广而告之:
    热门推荐:
    一个php生成16位随机数的代码(两种方法)

    分享一个php生成16位随机数的代码,php生成随机数的二种方法。 方法1 复制代码 代码如下: <?php $a = mt_rand(10000000,99999999); $b = mt_rand(10000000,99999999); echo $a.$b; 方法2: <?php $a = range(0,9); for($i=0;$i<16;$i++){ $b[] = array_rand···

    jQuery实现的下雪动画效果示例【附源码下载】

    本文实例讲述了jQuery实现的下雪动画效果。分享给大家供大家参考,具体如下: html部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="viewport" co···

    容易混淆使用位置的XHTML标签

      我们在.net的文章中一直在强调语义,那么对于HTML标签该如何使用呢?他们一般的使用位置在哪里呢?   在刚接触XHTML CSS设计网页时,对于标签的使用没什么经验,也很随意,经常是想起什么就用什么,认为只要能实现效果就可以。但随着学习的深入和对搜索引擎优化知识的了···

    php求数组全排列,元素所有组合的方法

    本文实例讲述了php求数组全排列,元素所有组合的方法。分享给大家供大家参考,具体如下: <?php $source = array('pll','我','爱','你','嘿'); sort($source); //保证初始数组是有序的 $last = count($source) - 1; //$source尾部元素下标 $x = $last; $count = 1; //···

    PHP return语句另类用法不止是在函数中

    分享下PHP return语句的另一个作用,在bbPress的代码中看到的一个奇葩使用方法。 一直以为,return只能出现在函数中,直到看了bbPress的代码: <?php require_once('./bb-load.php'); bb_repermalink(); // The magic happens here. if ( $self ) { if ( strpos($sel···

    使用WAMP搭建PHP本地开发环境

    写在前面的话 PHP是服务器脚本语言,所以需要在服务器上才能运行。作为新手,搭建服务器可能需要捣腾很久,有可能还搞不定。所以在入门阶段,为了把更多时间用在熟悉编程语言上,使用集成环境是最好也是最方便的选择。而本文就来介绍如何在windows平台搭建PHP开发环境。 安装集···

    织梦顶级栏目导航跳转到第一个子栏目设置教程

    织梦点击导航顶级栏目"新闻中心"直接进入第一个子栏目"公司动态" 实现教程很简单 后台-核心-网站栏目管理,编辑顶级栏目"新闻中心",把它的文件保存目录填写为"公司动态"的文件保存目录 复制子栏目的文件保存目录,替换到顶···

    织梦如何去掉当前位置{dede:field name='position' /}最后的分隔符>

    做织梦网站当前位置调用时,最后会多一个分隔符,我们用以下方法把分隔符去除。     {dede:field name='position' runphp='yes'}          $a=mb_strlen(@me);//计算字符串···

    从零开始实现Vue简单的Toast插件

    前言 一直都觉得vue的插件生涩难懂,但是又很好奇,在看了几篇文章,试着写了写之后觉得也没那么难,本文主要实现一个简单的Toast插件,方便迁移到不同的项目中,用来全局提示、警告一些信息。 概述: 在前端项目中,有时会需要通知、提示一些信息给用户,尤其是在后台系统中,···

    React 组件转 Vue 组件的命令写法

    基于目前React和Vue比较火,开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性,让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具,转化的是基本的react component,而不是全部的react应用。而基本react component的定义更多是基于props和state来渲···