小编典典

哪里包括jQuery库?Google JSAPI?CDN?

javascript

有几种包含jQuery和jQuery UI的方法,我想知道人们在使用什么?

  • Google JSAPI
  • jQuery’s site
  • your own site/server
  • another CDN

我最近一直在使用Google JSAPI,但发现建立SSL连接甚至解决google.com都花费很长时间。我一直在将以下内容用于Google:

<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>

我喜欢使用Google的想法,以便在访问其他站点时将其缓存并节省我们服务器的带宽,但是如果它一直是站点的慢速部分,我可能会更改其包含范围。

你用什么?你有什么问题吗?

编辑: 刚刚访问jQuery的站点,他们使用以下方法:

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

Edit2: 这是去年我一直没有任何问题地包含jQuery的方式:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

区别在于删除http:。通过删除此选项,您无需担心在http和https之间切换。


阅读 363

收藏
2020-04-25

共1个答案

小编典典

毫无疑问,我选择让Google API服务器提供JQuery。我没有使用jsapi方法,因为我没有利用任何其他Google
API,但是如果改变了,我会考虑使用它。

第一: Google api服务器分布在世界各地,而不是我的单个服务器位置:服务器越近,通常意味着访问者的响应时间越短。

第二:
许多人选择将JQuery托管在Google上,因此,当访问者访问我的网站时,他们可能已经在其本地缓存中包含了JQuery脚本。预先缓存的内容通常意味着访问者的加载时间更快。

第三: 我的网络托管公司向我收取使用的带宽。如果访问者可以在其他地方获得相同的文件,则每个用户会话消耗18k毫无意义。

我了解,我对Google表示信任,以提供正确的脚本文件,并且可以在线使用。到现在为止,我对使用Google并不感到失望,并将继续进行此配置,直到没有必要为止。

值得一提的是… 如果您的网站上同时存在安全页面和不安全页面,则可能需要动态更改Google源,以避免在安全页面中加载不安全内容时看到的通常警告:

这是我想出的:

<script type="text/javascript">
    document.write([
        "\<script src='",
        ("https:" == document.location.protocol) ? "https://" : "http://",
        "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>" 
    ].join(''));
</script>

2010年9月8日更新 -已提出一些建议,以通过删除HTTP和HTTPS并仅使用以下语法来降低代码的复杂性:

<script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'>\<\/script>");
</script>

此外,如果您要确保已加载最新的Major版本的jQuery库,也可以更改url以反映jQuery主编号:

<script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'>\<\/script>");
</script>

最后,如果您不想使用Google并希望使用jQuery,则可以使用以下源路径(请注意jQuery不支持SSL连接):

<script type="text/javascript">
    document.write("\<script src='http://code.jquery.com/jquery-latest.min.js' type='text/javascript'>\<\/script>");
</script>
2020-04-25