Fatal编程技术网
  • javascript/
  • 使用外部javascript文件时如何合并jquery？

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

javascript jquery html

使用外部javascript文件时如何合并jquery？,javascript,jquery,html,Javascript,Jquery,Html,我是jquery新手，希望在我的项目中使用一些jquery代码。我想在html文件中使用Google CDN中的jquery，但我已经有一个链接到它的外部javascript文件，我不知道如何合并该库。 另外，当我以后想使用代码时，我是在外部javascript文件中还是在html文档的标记之间编写代码 当前我的HTML如下所示： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <s

我是jquery新手，希望在我的项目中使用一些jquery代码。我想在html文件中使用Google CDN中的jquery，但我已经有一个链接到它的外部javascript文件，我不知道如何合并该库。 另外，当我以后想使用代码时，我是在外部javascript文件中还是在html文档的
标记之间编写代码

当前我的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>
因为您将在外部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。在前面包括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库，就不必做任何事情。只要像平常一样使用
$
。颠倒两个
引用的顺序

<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文件不间断地加载和解析HTML内容。这可以为用户提供一个更快的加载页面的外观，因为与脚本位于页面顶部相比，UI的显示和响应速度更快。

只要在外部JavaScript文件之前引用JQuery库，您就不必做任何事情。只要像平常一样使用
$
。颠倒两个
引用的顺序

<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文件不间断地加载和解析HTML内容。这可以为用户提供一个更快加载页面的外观，因为与脚本位于页面顶部相比，UI的显示和响应速度更快