javascript - Google Loader 与标准 <script> 标签

Question

谷歌加载器

<script type="text/javascript">
google.load('jquery','1.7.1');
google.load('jqueryui','1.8.17');
</script>

或者...

标准<script>标签

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

哪个更好，为什么？

Answer 1

在 99% 的用例中，第二种解决方案更好。第一个，您首先必须加载 Google API 脚本文件，然后您必须加载 jQuery 文件，这意味着两个 HTTP 请求(没有 jQuery UI)，您只需要 jQuery。

如果在您的页面中，您使用 Google API 来加载 jQuery(或其他 Javascript 库)以外的东西，那么这两种解决方案应该是等效的。

Google API 的“伟大”之处在于您可以加载 动态 版本的 jQuery，但我从未见过这样的用例...

---

供您引用，您可以用这种方式编写脚本标签

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

注意我没有在 URL 中设置协议(protocol)。这样，如果您使用的是 HTTP，那么文件将通过 HTTP 获取；如果您使用的是 HTTPS，那么它将通过 HTTPS 获取。