jQuery使用CDN加速
生活随笔
收集整理的這篇文章主要介紹了
jQuery使用CDN加速
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
使用新浪、百度、谷歌和微軟的CDN加速jQuery
隨著jQuery的版本更新，體積也越來越大，如果把jQuery放在自己的服務(wù)器上，會消耗不少的流量。而谷歌和百度等互聯(lián)網(wǎng)公司為了方便開發(fā)者，提供了CDN加速服務(wù)，其中就包括jQuery。使用這些服務(wù)，不僅可以減輕自己的服務(wù)器的流量壓力，也可以加快頁面加載速度，一舉兩得。
為了防止出現(xiàn)某一個(gè)CDN服務(wù)器故障，特意寫了一個(gè)函數(shù)，函數(shù)會自動根據(jù)目標(biāo)鏈接是否有效來自動加載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動態(tài)加載</title><script type="text/javascript">// jQuery的CDN節(jié)點(diǎn)列表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失敗觸發(fā)Load函數(shù)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");// 加載下一個(gè)節(jié)點(diǎn)jq_url.setAttribute("onerror", "Load("+n+")");document.getElementsByTagName("head")[0].appendChild(jq_url);}// 顯示當(dāng)前節(jié)點(diǎn)window.onload = function(){document.getElementById('my').innerHTML = "當(dāng)前節(jié)點(diǎn)：" + 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>轉(zhuǎn)載于:https://www.cnblogs.com/guide2it/p/3554268.html
總結(jié)
以上是生活随笔為你收集整理的jQuery使用CDN加速的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java学习笔记20（Arraylist
- 下一篇： HDU-