当前位置:编程学习 > JS >>

Google jQuery引用地址大全和方法

什么是google的js托管?
说的明白点,跟我们以往做法一样,只不过这时候的引用的js库是放在google服务器上的。 
比如引用jquery,则使用路径  http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js即可。
也就是无论是 谁的网站,只要使用了将得到与在自己服务器引用一样的效果。
这当然有它的优点,要不然谁还大费周折搞什么托管。

google的优势何在?
google有着遍布世界各地的DNS服务器,这便成了它可以做为托管的有利条件。
比如我买了个国 外的域名空间,在北京访问的时候,通过DNS得到国外服务器上的资源,也许这个服务器很忙所以准备呆会再理我,也许这个服务器传输资源的路径很慢。
但是通 过google的DNS服务器,可以为我分配一个最近而且不那么忙的服务器为我提供托管在它上面的js库,这样可以提高加载的速度。

google托管的好处?
除了上面说的google拥有分布各地的DNS服务器,使用google托管还有一个好处就是有效地使用缓存。
回到第一个问题,我在访问了a.html之 后又去访问一个名为b.html地文件
b.html引用了http://www.XXX.com/b/jquery.js,假设这两个 jquery版本是一样的
那么我在访问b.html,浏览器发现缓存里没有www.XXX.com/b/jquery.js,于是重新加载js 库。
但如果这两个文件都使用的是http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js,
那么访问b.html时只要使用访问a.html时缓存在浏览器里的js库即可,好处显而易见了。

使用托管有不好的影响吗?
当然,任何好的东西都有不好的一面。正所谓托管,那对google的依赖性一定是很强的了。
一旦google倒了,确实也是个大麻烦。(但这应该是不可能的)
但是要是真有那个时候,我想google的这些服务器大概也早被某些怀旧的人买下来依旧供人们共享吧,但愿吧。

所谓托管就是人家帮你管,个随人愿,还是看站长们自己抉择吧!
---------------------------------------------------------------------------------------------------

常用引用方法:

<script type=text/javascript src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="jquery.js"></script>');</script>
注释:引用google托管Jquery,不成功则使用本地Jquery。

常用jQuery版本引用地址:

1.2.6:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
1.3.2:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
1.4.2:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
1.5.2:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
1.6.2:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
1.6.4:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
1.7:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"></script>
1.7.1:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
1.7.2:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
1.8:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
最新版(last):

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

引用google的在线jQuery库的地址和方法 (2012-10-12 10:12:12)转载▼
标签: google jquery 引用 google服务器jquery 直接引用googlejquery 分类: 点线面体
google ajax libraries API 是Google的一个项目(http://code.google.com/apis/ajaxlibs/documentation/index.html#AjaxLibraries)。它提供当前流行的各种Javascript库的快速引用方式。(官方承诺永久可用!)
使用google ajax libraries API 引用 jQuery库有两种方式。

第一种方法:是使用google提供的API进行导入
 
<script src="http://www.google.com/jsapi?key=Goolge"></script>
<script type="text/javascript">
    google.load("jquery","1.3.2",{uncompressed:true});
    google.setOnLoadCallback(initialize);
function initialize(){
//函数或方法

</script>
 
// 测试引用是否成功
$(document).ready(function(e) {
    alert('test!');
});
 
 
 
google.load()函数有3个参数,第一个参数为js库的名称,如:"jquery"或 "extjs"等;
第二个参数为该库的版本号,如:"1.3.2";
第三个参数设定是否使用压缩版本的库文件,使用未压缩版本格式: {uncompressed:true} ;
前两个参数必选,第三个参数为可选参数

 
第二种方法:直接引用google服务器上的jquery库文件
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
// 测试引用是否成功
$(document).ready(function(e) {
    alert('test!');
});
 


CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,