jQuery使用CDN加速

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

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

PHP版本：

<script type="text/javascript" src="<?php jquery_url(); ?>'"></script><?phpfunction 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){// 删除加载失败的jQueryvar 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" οnerrοr="Load(0)" ></script>
</head>
<body><div id="my"></div>
</body>
</html>

转载于:https://www.cnblogs.com/guide2it/p/3554268.html

jQuery使用CDN加速相关推荐

前端ers 必须知道的几个jquery cdn加速节点
jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多).jQuery在2006年1月由美国人John Resig在纽约的barc ...
判断本地是否存在Jquery文件，如果不存在则使用CDN加速的Jquery文件
<script> //判断是否成功将Jquery库引入,如果没有成功引入则引入本地Jquery库 if (typeof jQuery == 'undefined') {document.w ...
免费CDN加速 jQuery、Bootstrap、Vue、React 等JS库
BootJS 提供同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap.jQuery.React.Vue.js 一样优秀的前端开源项目提供稳定.快速的免费 CDN 加速服务.Bo ...
chrome浏览器替换code.jquery.com CDN的加速URL
站在巨人的肩上... ... js表格tabulator,所有feature(特征)都开放使用,看起来也很美观,那就弃用ag-grid. 但是tabulator的快速入门文档,看不到代码,鼠标拖选也可 ...
jQuery 稳定、快速的CDN加速服务引用地址
jQuery 官网CDN 支持版本:2.1.1, 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1. ...
常用的 JavaScript 库 CDN 加速服务
CDN 一般比你的网站快很多,可以在一定程度上加速访问,可以在一定程度上节省服务器流量,浏览器会缓存同一个地址的JS,因此,使用同一个 CDN 的人越多,加速效果越明显,为你的产品提供最佳的用户体验. ...
Hexo博客使用腾讯云CDN加速及优化
原文地址:Hexo博客使用腾讯云CDN加速及优化使用公共 CDN 加载部分资源修改主题(我的是NexT主题)配置文件,使用公共CDN加载部分CSS.JS文件,我选择的是 jsDelivr 这个公共 ...
比较好用的CDN加速节点
Staticfile CDN(七牛云) http://www.staticfile.org/ 这个是我觉得比较好用的CDN加速节点,包含了大部分静态资源文件,像bootstrap,jquery之类的, ...
前端CDN资源库，解决HTML大屏首次加载慢的问题了，大屏项目必备cdn加速
CDN简介: CDN的全称是Content Delivery Network,即内容分发网络.CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡.内容分发 ...

jQuery使用CDN加速

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

jQuery使用CDN加速相关推荐

最新文章

热门文章