纯 HTML 文件的分页

Question

我在根文件夹中有 index.html 文件：

/2/index.html
/3/index.html
/4/index.html
/5/index.html
…
/467/index.html
/468/index.html
…
/lastpagenumber/index.html

如何创建一个分页脚本，从这些文件夹的名称（1、2、3、4、5……467、468……lastpagenumber）创建 URL ?换句话说，我需要以某种方式解析服务器以创建 URL 并检测用户目前在哪个页面上。所以我想在每一页上都有一个简单的分页，比如：

1 2 3 下一页 最后一页

上一页 1 2 3 4 5 下一页最后一页

467 469 468 最后一页

Answer 1

你应该阅读整篇文章，然后尝试以你的风格去做；

文章很简单：

1. 尝试捕获实际页面值，如果通过 GET 发送，第 6 步
2. 设置每页最大文章值
3. 查询数据库表，提取所有需要的文章
4. 查看您有多少页：ceil(total_articles/articles_per_page)
5. 使用 for 循环 i 打印页面
6. 通过 GET 发送页码，在按钮单击事件上，然后再次转到第 1 步

来源：pagination

Answer 2

好吧，我认为使用纯 HTML 是不可能的，因为您必须执行一些评估。

您可以做的是，将 java 脚本放在顶部并创建一个“手动”执行的循环。您应该在所有页面中都有<div>，并将 javascript 放在单独的 script.js 文件中，并从所有 html 页面中引用它。因此，所有页面都将引用一个脚本，您可以在其中手动调整页面数量（如果是 468）

检查一下，让我知道它是否有效：

<div id="pages"> </div>

<script>
    getCurrentPage();

    function getCurrentPage(){

        currentPage = getDirectoryName();
        for (i=0; i<468; i++){
            curdoc = document.getElementById("pages").innerHTML;
            if (i==(currentPage*1)){
                 createLink = ' <a href=/'+i+'/index.html><b>'+i+'</b></a> | ';
                document.getElementById("pages").innerHTML = curdoc+ '' +createLink;
            }else{
                createLink = ' <a href=/'+i+'/index.html>'+i+'</a> | ';
                document.getElementById("pages").innerHTML = curdoc+ '' +createLink;
            }
        }
    }

    function getDirectoryName(){
        var file, n;
        file = window.location.pathname;
        pathArray = file.split("/");
        directoryName = pathArray[(pathArray.length)-2];
        return(directoryName);
    }

</script>