作者osanaosana (OSANA)
看板Ajax
標題[問題] 選擇性載入jquery的函式庫
時間Thu Aug 4 22:45:36 2011
今天認識到了什麼是CDN...
所以延伸出這個問題
content delivery network (CDN，內容分散式網路)
也就是從別人的網站(Google CDN,CDNJS)
載入一些常用的js工具...
優點是可以減少網站流量,加快使用者讀取速度等等
如果我今天只在自己的電腦上開發程式,
可能會關掉網路,這時就只能載入自己電腦裡的js工具
或是害怕某天這些工具網站忽然掛掉,那網頁就不能動了...
那麼如何寫一個選擇性載入js工具的程式呢？
邏輯大概是這樣
if( Google CDN可以連線 ) // << 這邊不知道怎麼寫...
{
載入Google CDN的js工具檔案;
}
else
{
載入我電腦裡的js工具檔案;
}
===========================================
這是針對jquery的寫法,依據akiratw提供的建議(感謝akiratw),
以及網路上 黑暗執行續 動態載入的寫法,
寫成的動態載入jquery
<script src="Google API的jquery網址" type="text/javascript"></script>
<script language="javascript">
if( window.jQuery == null)
{
var headID = document.getElementsByTagName("head")[0];
var newJs = document.createElement('script');
newJs .type = 'text/javascript';
newJs .src= "我家的jquery網址";
headID.appendChild(newJs);
}
</script >
其實我比較傾向寫一個萬用版本,一個長這副德性的函式...
LoadJs("網路版本的工具js","我家的工具js");
有個js工具 ensure 就類似這種功能~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.228.122.176
1F：推 akiratw:檢查 window.jQuery 物件 08/04 22:59
2F：→ akiratw:<script src="//ajax.google.../jquery.min.js"></script> 08/04 23:08
3F：→ akiratw:<script>window.jQuery||document.write(...)</script> 08/04 23:11
※ 編輯: osanaosana 來自: 61.228.122.176 (08/05 01:09)
※ 編輯: osanaosana 來自: 61.228.122.176 (08/05 02:24)