使用两个单独的 HTML 文件进行分页答案

【问题标题】：Pagination with two separate HTML files使用两个单独的 HTML 文件进行分页
【发布时间】：2019-01-19 04:34:35
【问题描述】：

我们可以使用两个单独的 html 文件创建分页吗，例如我有两个文件 index.html 和 page2.html.. 我们可以在两个页面中添加相同的分页，以便 index.html 在单击时链接到 page2.html '2' 它将我们重定向到 page2.html..

【问题讨论】：

您可以加载 html 的“片段”。可能最简单的方法是使用 jQuery。但它也可以用香草做得很好。

标签： javascript jquery html redirect pagination

【解决方案1】：

为此使用引导程序。将您的页面链接放入锚标记中。

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
      <h2>Pagination</h2>
      <p>The .pagination class provides pagination links:</p>                  
      <ul class="pagination">
        <li><a href="index.html.html">1</a></li>
        <li><a href="page2.html">2</a></li>
        <li><a href="page3.html">3</a></li>
        <li><a href="page4.html">4</a></li>
        <li><a href="page5.html">5</a></li>
      </ul>
    </div>
</body>
</html>

【讨论】：

我认为这不能用作 javascript 分页，其中我有每页要显示的项目限制，超过限制，最后一个项目第一页将移动到第二页的第一个位置，并且等等……
我没有在表格中存储任何数据，因为内容是带有文本和图像的文章。所以我只是将文章添加到一个文件中，然后我尝试使用 javascript 分页插件对它们进行分页