引入脚本

引入jQuery 和页面脚本

jQuery

jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单。

操作

  1. 在 ExpressDelivery 创建 js 文件夹

  2. 下载 jQuery 并把 存放到 jquery-3.3.1.min.js 文件拷贝到 js 文件夹中。

  3. 在 js 文件夹中创建 index.js 、detail.js 、history.js 文件。

  4. 在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>

参考