載入jquery外掛程式注意了

標籤：

1、盡量放在</body>之前，不要放在</head>標籤之前，如果執意要放也要放在css之後，例如：

<link href="style.css" .../><script src=jquery.js></script>

2、載入方式使用非同步載入，非同步載入並不是以下的這種

<script type="text/javascript" src="jquery.js"></script>

　而是這樣的非同步載入方式

(function(doc){　　var j =doc.createElement("script");　　j.type = "text/javascript";  j.async = true;  j.src = "jquery.js";　　var s = doc.getElementsByTagName("script")[0];　　s.parentNode.insertBefore(j, s);})(document);

3、在這裡推薦一些jquer cdn加速

目前用的比較普遍的是Google提供的jquery庫：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

當然，百度在國內的訪問速度是不可小視的：

<script type="text/javascript" src="//libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>

新浪的CDN同樣速度飛快：

<script type="text/javascript" src="//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>

不跟風，你也可以選擇微軟的jquery CDN：

<script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>

你可以直接更改上面出現的版本號碼來選擇不同的版本。哪一個最快呢？如何選擇呢？

如果你的網站訪客來自海外的不少，建議選用Google，如果主要訪客是國內，選擇百度也沒問題。但是百度在海外的訪問速度可不及Google。

而且因為大多數的網站選擇了Google的CDN，由於緩衝原理，來訪你的網站，可能google的CDN更快。

如果你不是確定自己的網站下載速度飛快，我建議最好選用上述的公開CDN來節省載入時間，同時也節省了流量。

4、如果你覺得jquery比較大的話可以使用zepto.js 其大小隻有10k，最大相容jquery API。

5、說了那麼多，載入jquery的正確方式是什嗎？

首先選好哪個CDN，或者你自己的網站託管js檔案，並確定調用的位置在頭部還是body，下面以Google的jquery庫為例，普通的載入方式是

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

然而Google的服務在國內間歇性中斷，所以我可以照顧一下國內訪客，這麼寫：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<script type="text/javascript">

window.jQuery || document.write(unescape(‘%3Cscript%20type%3D%22text/javascript%22%20src%3D%22//libs.baidu.com/jquery/2.0.3/jquery.min.js%22%3E%3C/script%3E‘));

</script>

這樣子即可實現如果jquery未能載入成功，則自動載入百度的jquery庫，做到萬無一失了。

 

載入jquery外掛程式注意了