Question

我是jquery的新手，想为我的项目使用一些jquery代码。我想在我的html文件中使用Google CDN中的jquery，但我已经有一个链接的外部javascript文件，我不知道如何合并库。另外，当我想稍后使用代码时，我是在外部javascript文件中还是在html文档中的<script> </script>标记之间写的？

目前我的HTML看起来像这样：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

Answer 1

只要您在外部JavaScript文件之前引用JQuery库，就不必做任何事情。只需正常使用$即可。颠倒两个<script>引用的顺序。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="onlineshop.js"></script>

而且，要明确的是，这些引用不必位于文档的<head>部分。通常，在网页主体（</body>）关闭之前放置它们是个好主意，这样浏览器就可以通过下载和解析JavaScript来不加扰地加载和解析HTML内容文件。这可以为您的用户提供更快加载页面的外观，因为与脚本位于页面顶部相比，UI可以显示并变得更快响应。

Answer 2

因为您将在外部javascript文件中使用Jquery。在它之前加入Jquery CDN。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>    
<script type="text/javascript" src="onlineshop.js"></script>

这样可以正常工作。

如何在使用外部javascript文件时合并jquery？

2 个答案: