使用新浪、百度、谷歌和微软的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 3 字符编码解码问题

    python2与python3 字符编码都做了很大的调整,区别: 1.python2字符串默认有两种类型,unicode和str.'你好' !=u'你好' python3字符串默认只有str一种类型, ...

  2. c++单链表冒泡排序（交换结点），链表增删改查，运算符重载

    #include <iostream> #include <stdlib.h> #include <time.h> #include <fstream> ...

  3. 实践练习_使用HTML标签制作一个注册界面03

    使用HTML标签制作一个注册界面▲▲▲▲★1) 注册界面需要有用户名.密码.性别(单选).爱好(多选).专业(下拉列表)2) 注册界面需要有隐藏域和文件域3) 注册界面需要有提交和重置按钮4) 将上述 ...

  4. time模块(时间)

    time.time() #返回当前时间的时间戳 time.sleep() #CPU休息时间 print(time.clock()) #计算CPU执行时间 time.gmtime() #结构化时间 UT ...

  5. Angular/cli 安装（windows环境）。

    1.卸载先前安装的Angular/cli npm uninstall -g angular-clinpm uninstall --save-dev angular-clinpm uninstall - ...

  6. if ,while ,for 的掌握

    a)python的缩进和冒号 对于Python而言代码缩进是一种语法,Python没有像其他语言一样采用{}或者begin...end分隔代码块,而是采用代码缩进和冒号来区分代码之间的层次. 缩进的空 ...

  7. python 列表、元组

    列表 List(列表) 是 Python 中使用最频繁的数据类型. 列表可以完成大多数集合类的数据结构实现.它支持字符,数字,字符串甚至可以包含列表(即嵌套). 列表用 [ ] 标识,是 python ...

  8. Autolayout Breakpoints

    articles archives team Autolayout Breakpoints Auto layout has become a crucial tool for iOS and OS X ...

  9. docker安装mysql容器后，是用navicat连接报client does not support authentication protocol requested by server consider upgrading mysql client

    #进入容器 docker exec -it mysql bash#进入mysqlmysql -u root -p#重置密码ALTER USER 'root'@'%' IDENTIFIED WITH m ...

  10. int与integer的区别

    int 是基本类型,直接存数值 integer是对象,用一个引用指向这个对象 1.Java 中的数据类型分为基本数据类型和复杂数据类型 int 是前者>>integer 是后者(也就是一个 ...