引入脚本
引入jQuery 和页面脚本
jQuery
jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。
操作
在 ExpressDelivery 创建 js 文件夹
下载 jQuery 并把 存放到 jquery-3.3.1.min.js 文件拷贝到 js 文件夹中。
在 js 文件夹中创建 index.js 、detail.js 、history.js 文件。
在index.html 、history.html、detail.js 引用其对应的脚本文件。以 index.html 为例。在 body 闭合标签上方引用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小猪快递查询</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/app.css">
</head>
<body>
<!-- 此处省略上方代码 -->
<footer class="page-footer">
<p>Copyright 2018 扎克斯未来体验技术部出品</p>
</footer>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>