使用新浪、百度、谷歌和微软的CDN加速jQuery

随着jQuery的版本更新，体积也越来越大，如果把jQuery放在自己的服务器上，会消耗不少的流量。而谷歌和百度等互联网公司为了方便开发者，提供了CDN加速服务，其中就包括jQuery。使用这些服务，不仅可以减轻自己的服务器的流量压力，也可以加快页面加载速度，一举两得。
为了防止出现某一个CDN服务器故障，特意写了一个函数，函数会自动根据目标链接是否有效来自动加载jQuery文件。代码如下：

PHP版本：

<script type="text/javascript" src="<?php jquery_url(); ?>'"></script>

<?php

function jquery_url(){

    $jquery = array(

        'http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js',

        'http://libs.baidu.com/jquery/1.7.2/jquery.min.js',

        'http://code.jquery.com/jquery-1.7.2.min.js',

        'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js',

        'http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js'

    );

    foreach($jquery as $v){

        $ch = curl_init();

        curl_setopt($ch, CURLOPT_URL, $v);

        curl_setopt($ch, CURLOPT_NOBODY, true);

        curl_exec($ch);

        $code = curl_getinfo($ch,CURLINFO_HTTP_CODE);

        curl_close($ch);

        if($code == 200){

            echo $v;

            break;

        }

    }

}

?>

Java Html版本

<html>

<head>

    <meta charset="utf-8" />

    <title>jQuery动态加载</title>

    <script type="text/javascript">

        // jQuery的CDN节点列表

        var jquery_url = new Array();

        jquery_url[1] = 'http://libs.baidu.com/jquery/1.7.2/jquery.min.js';

        jquery_url[2] = 'http://code.jquery.com/jquery-1.7.2.min.js';

        jquery_url[3] = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js';

        jquery_url[4] = 'http://ajax.microsoft.com/ajax/jquery/jquery-1.7.2.min.js';

        // 加载jQuery失败触发Load函数

        function Load(n){

            // 删除加载失败的jQuery

            var old = document.getElementById('load_jquery');

            old.parentNode.removeChild(old);

            n += 1;

            var jq_url = document.createElement('script');

            jq_url.setAttribute("type", "text/javascript");

            jq_url.setAttribute("src", jquery_url[n]);

            jq_url.setAttribute("id", "load_jquery");

            // 加载下一个节点

            jq_url.setAttribute("onerror", "Load("+n+")");

            document.getElementsByTagName("head")[0].appendChild(jq_url);

        }

        // 显示当前节点

        window.onload = function(){

            document.getElementById('my').innerHTML = "当前节点：" + document.getElementById('load_jquery').src;

        }

    </script>

    <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js" id="load_jquery" onerror="Load(0)" ></script>

</head>

<body>

    <div id="my"></div>

</body>

</html>

jQuery使用CDN加速的更多相关文章

  1. jquery cdn加速点

    新浪jquery cdn加速点: <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.js">< ...

  2. jquery的几个国内CDN加速节点

    分享几个jquery的几个国内国外的CDN加速节点,方便广大的开发设计者调用和节约空间,官网的总是最新版本的jquery所以不用去担心版本更新问题,其他加速节点可能不会在更新版本,所以取舍问题自己决定 ...

  3. 判断本地是否存在Jquery文件，如果不存在则使用CDN加速的Jquery文件

    <script>//判断是否成功将Jquery库引入,如果没有成功引入则引入本地Jquery库if (typeof jQuery == 'undefined') {document.wri ...

  4. BootCDN 开源项目免费 CDN 加速服务，Jquery插件库

    2017-11-17  19:38:32 免费好用的在线 css js 文件引用 BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务 Jquery插件库 .

  5. 【初码干货】使用阿里云对Web开发中的资源文件进行CDN加速的深入研究和实践

    提示:阅读本文需提前了解的相关知识 1.阿里云(https://www.aliyun.com) 2.阿里云CDN(https://www.aliyun.com/product/cdn) 3.阿里云OS ...

  6. Signalr系列之虚拟目录详解与应用中的CDN加速实战

    目录 对SignalR不了解的人可以直接移步下面的目录 SignalR系列目录 前言 前段时间一直有人问我 在用SignalR 2.0开发客服系统[系列1:实现群发通讯]这篇文章中的"/Si ...

  7. 推荐国内外优秀+免费CDN加速站点及公共cdn加速库

    -----------------------------------------------------------------免费CDN加速站点 1.CloudFlare CloudFlare可能 ...

  8. 加载CDN加速服务地址

    Jquery是个非常流行的JS前端框架,在很多网站都能看到它的身影.很多网站都喜欢采用一些Jquery CDN加速服务,这样网站加载jquery会更快.之前火端网络的一些网站都是使用Google的jq ...

  9. 各种常用的CDN加速服务

    各种CDN加速网址:点击此处 1.Echar <script type="text/javascript" src="http://echarts.baidu.co ...

随机推荐

  1. 【温故知新】HTTP请求GET和POST的用法和区别

    转自http://www.w3school.com.cn GET的使用 请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的: /test/demo_form.asp?name1=v ...

  2. C# array与arraylist区别及获取sql字段名

    array与arraylist的区别: 1.  Array 的容量是固定的,而 ArrayList 的容量是根据需要自动扩展的.如果更改了 ArrayList.Capacity 属性的值,则自动进行内 ...

  3. 周强 201771010141面向对象程序设计（java）》第十七周学习总结

    线程同步 多线程并发运行不确定性问题解决方案:引入线 程同步机制,使得另一线程要使用该方法,就只 能等待. ⚫ 在Java中解决多线程同步问题的方法有两种: 1.- Java SE 5.0中引入Ree ...

  4. servlet之ServletRequest与ServletResponse （三）

    ·servlet的service()方法用于应答请求:每次请求都会调用service()方法 public void service(ServletRequest arg0, ServletRespo ...

  5. 2018 ，请领取您Power BI 年终报告

    Power BI365 3Jan 2019 新年已至,岁寒温暖! 为方便Power BI用户们能快速找到所需要的Power BI各类型文章,小悦将2018年Power BI的所有精彩文章按照各应用场景 ...

  6. js date 和 math

    Math 用于执行常用的数学任务 console.log(Math.E); 自然数底数2.718 console.log(Math.PI); 圆周率3.1415926 console.log(Math ...

  7. deemo

    第一部分:结缘计算机 你为什么选择计算机专业?你认为你的条件如何?和这些博主比呢? 因为亲戚的推荐,就业前景好.个人条件的话,算一般.与其他博主相比还是有些差距的. 第二部分:在计算机系里学习 你对你 ...

  8. 对spring框架的理解

    spring框架的两大核心理念就是IOC和AOP,在面试的时候经常会被问到你对spring的理解.下面大致的说一下我对spring的理解. 一.IoC 1.1.什么是IoC 众所周知,IoC就是控制反 ...

  9. Exp2 后门原理与实践 毛瀚逸 20164318

    Exp2 后门原理与实践 20164318 毛瀚逸 一.实验内容 基础问题回答: 1.例举你能想到的一个后门进入到你系统中的可能方式? 答:下载奇怪的文件并运行,通过操作系统的漏洞来获取电脑的高级权限 ...

  10. mongoDB创建windows服务启动解决

    最近想了解一下关于MongoDB的知识,记得之前电脑上安装的MongoDB也能正常启用,可是这次在使用mongodb,却遇到一下小麻烦啊.mongodb无法启动,小编很苦恼,尝试了各种方法,甚至卸载重 ...