您从哪里引入 jQuery 库？谷歌JSAPI？ CDN？

发布于 2024-07-13 11:11:45 字数 946 浏览 11 评论 0原文

有几种方法可以包含 jQuery 和 jQuery UI，我想知道人们在使用什么？

Google JSAPI
jQuery 的站点
您自己的站点/服务器
另一个 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>

编辑2：以下是我去年如何毫无问题地包含 jQuery：

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

不同之处在于删除了http:。通过删除它，您无需担心 http 和 https 之间的切换。

原文

There are a few ways to include jQuery and jQuery UI and I'm wondering what people are using?

Google JSAPI
jQuery's site
your own site/server
another CDN

I have recently been using Google JSAPI, but have found that it takes a long time to setup an SSL connection or even only to resolve google.com. I have been using the following for Google:

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

I like the idea of using Google so it's cached when visiting other sites and to save bandwidth from our server, but if it keeps being the slow portion of the site, I may change the include.

What do you use? Have you had any issues?

Edit: Just visited jQuery's site and they use the following method:

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

Edit2: Here's how I've been including jQuery without any problems for the last year:

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

The difference is the removal of http:. By removing this, you don't need to worry about switching between http and https.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

枕头说它不想醒 2024-07-20 11:11:45

毫无疑问，我选择让 Google API 服务器为 JQuery 提供服务。我没有使用 jsapi 方法，因为我没有利用任何其他 Google API，但是如果这种情况发生变化，那么我会考虑它...

第一： Google api 服务器分布在世界而不是我的单个服务器位置：更近的服务器通常意味着访问者的响应时间更快。

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

第三：我的网络托管公司向我收取所使用的带宽费用。如果访问者可以在其他地方获取相同的文件，则每个用户会话消耗 18k 是没有意义的。

我了解，我对 Google 寄予一定的信任，希望 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>

更新 9/8/2010 -
已经提出了一些建议，通过删除 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>

此外，如果您想确保最新的主要版本，您还可以更改 url 以反映 jQuery 主版本号的 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>

Without a doubt I choose to have JQuery served by Google API servers. I didn't go with the jsapi method since I don't leverage any other Google API's, however if that ever changed then I would consider it...

First: The Google api servers are distributed across the world instead of my single server location: Closer servers usually means faster response times for the visitor.

Second: Many people choose to have JQuery hosted on Google, so when a visitor comes to my site they may already have the JQuery script in their local cache. Pre-cached content usually means faster load times for the visitor.

Third: My web hosting company charges me for the bandwidth used. No sense consuming 18k per user session if the visitor can get the same file elsewhere.

I understand that I place a portion of trust on Google to serve the correct script file, and to be online and available. Up to this point I haven't been disappointed with using Google and will continue this configuration until it makes sense not to.

One thing worth pointing out... If you have a mixture of secure and insecure pages on your site you might want to dynamically change the Google source to avoid the usual warning you see when loading insecure content in a secure page:

Here's what I came up with:

<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>

UPDATE 9/8/2010 -
Some suggestions have been made to reduce the complexity of the code by removing the HTTP and HTTPS and simply use the following syntax:

<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>

In addition you could also change the url to reflect the jQuery major number if you wanted to make sure that the latest Major version of the jQuery libraries were loaded:

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

Finally, if you don't want to use Google and would prefer jQuery you could use the following source path (keep in mind that jQuery doesn't support SSL connections):

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

您从哪里引入 jQuery 库？ 谷歌JSAPI？ CDN？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（16）

关于作者

相关话题

热门标签

推荐作者

missyouangeled

三生一梦

压抑⊿情绪

天涯离梦残月幽梦

指尖微凉心微凉

☆獨立☆

友情链接

您从哪里引入 jQuery 库？谷歌JSAPI？ CDN？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。