jQuery使用CDN加速
生活随笔
收集整理的這篇文章主要介紹了
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加速的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java学习笔记20（Arraylist
- 下一篇： HDU-