使用新浪、百度、谷歌和微软的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. Javascript学习--BOM操作

    1 获取UA(user Agent)用户代理 <!DOCtype html> <html> <head> <title></title> & ...

  2. Your CPU supports instructions that this TensorFlow binary was not compiled to use: AVX2

    pycharm运行TensorFlow警告:Your CPU supports instructions that this TensorFlow binary was not compiled to ...

  3. 一个http请求从用户输入网址开始到结束都发生了什么

    一个http请求从用户输入网址开始到结束都发生了什么   一.一个http请求从开始到Django后台,到结束发生了什么 通过用户输入的域名解析出IP地址 TCP/IP 三次握手 进入nginx--- ...

  4. npm 镜像源替换为淘宝镜像

    1.查询配置的镜像源地址: npm get registry 2.配置为淘宝镜像源 npm config set registry http://registry.npm.taobao.org/ 3. ...

  5. 个人项目cpu占用图

  6. 同时使用多个JDK版本的方法

    开发环境需要使用JDK1.8,但是有些系统仅支持JDK1.6,以下方法可满足此需求: 1.使用安装包安装JDK1.6,安装之后记得设置不自动更新,控制面板-JAVA:        2.使用免安装版J ...

  7. Oracle SQL Developer 连接数据库问题总结

    一.使用scott用户登录的问题 说明:Oracle如果是初次使用用户,scott用户是没有解锁的.所以要先解锁.注:scott是个测试用户. 具体步骤: 1.在Dos命令下输入 sqlplus 可以 ...

  8. MySQL 8.0常见问题

    1.连接问题: 1.1:8.0的驱动地址更换由原来的com.mysql.jdbc.Driver改为com.mysql.cj.jdbc.Driver 1.2:8.0以后访问地址要加上时区.编码等属性jd ...

  9. 听说https更安全

    0--介绍: 现在人们对网络的依赖越来越重,那么对于网络安全的要求也越来越高,传统的http协议实现了网络中的快速传输,完整传输,保证了信息的完整性,但是对于网络的安全性却没有那么强,很容易被人劫持, ...

  10. gtest 三种事件机制

    前言: 1.首先说明gtest中事件的结构层次: 测试程序:一个测试程序只有一个main函数,也可以说是一个可执行程序是一个测试程序.该级别的事件机制会在程序的开始和结束执行. 测试套件:代表一个测试 ...