使用新浪、百度、谷歌和微软的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. Python高阶函数和匿名函数

    高阶函数:就是把函数当成参数传递的一种函数:例如 注解: 1.调用add函数,分别执行abs(-8)和abs(11),分别计算出他们的值 2.最后在做和运算 map()函数 python内置的一个高阶 ...

  2. [转]EOS智能合约 & 私链激活 & 基本操作

    链接:https://www.jianshu.com/p/90dea623ffdf 简介 本篇文章,将跟大家介绍eos私链的激活.基础智能合约的安装,以及为大家演示转账等基础操作.还没有安装eos私链 ...

  3. easyui-tree-url-param

    远古写法 url后面加参数?param1=1&param2=2 动态添加 onBeforeLoad: function (node, param) { param.param1= 1, par ...

  4. JavaSE-类

    一.基础概念:计算机语言的发展是接近人的思维方式演变:汇编语言(面向机器).C语言(面向过程).java(面向对象) 二.成员变量和局部变量: 1.全名定义一个类: Package 包名: Class ...

  5. jmeter脚本录制与性能指标分析

    一.浏览器代理设置(猎豹) 1.打开猎豹浏览器,进行如下图操作 2.点击局域网设置 3.输入如下信息,注意端口不要重复 4.输入网址www.baidu.com,不能正常访问就是正确的 5.查看添加的端 ...

  6. tp3.2 D 和 M 的区别

    ThinkPHP 中M方法和D方法都用于实例化一个模型类,M方法 用于高效实例化一个基础模型类,而 D方法 用于实例化一个用户定义模型类. 使用M方法 如果是如下情况,请考虑使用 M方法: 对数据表进 ...

  7. java标志性接口

    标识接口是没有任何方法和属性的接口.它仅仅表明它的类属于一个特定的类型,供其他代码来测试允许做一些事情.使用标记接口的唯一目的是使得可以用instanceof进行类型查询,例如:if(obj inst ...

  8. 第二章代替netcat连接无响应

    按照书上的代码手打到电脑上以后,在两个终端输入了./bhnet.py -l -p 9999 -c和./bhnet.py -t localhost -p 9999之后发现没什么反映,所以又用nmap 1 ...

  9. linux虚拟机时间同步

    方法来源于网上,但是经过验证是可行的. 作为linux学习的新手,开始学习时总会遇到各种各样的麻烦,每次开机发现自己的虚拟机总是与当前的时间相差几个小时到几天不等,查阅网上经验,我的做法是 1.使用y ...

  10. less的安装和使用

    资料: https://www.cnblogs.com/starof/p/5226739.html