纯HTML文件的分页

时间:2012-11-10 21:04:08

标签: html pagination

我在根文件夹中包含index.html文件:

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

如何创建从这些文件夹名称(12345 ... {{创建网址的分页脚本1}},467 ... 468)?换句话说,我需要以某种方式解析服务器以创建URL并检测用户当前在哪个页面上。所以我想在每一页都有一个简单的分页,如:

1 2 3下一页最后一页

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

467 469 468最后一页

2 个答案:

答案 0 :(得分:1)

您应该阅读整篇文章,然后尝试按照您的风格进行;

文章很简单:

  1. 尝试捕获实际页面值,如果通过GET发送,则执行步骤6
  2. 设置每页最大篇幅值
  3. 查询数据库表,并删除所有需要的文章
  4. 查看您有多少页:ceil(total_articles / articles_per_page)
  5. 使用for循环ito打印页面
  6. 通过GET发送页码,按钮点击事件,然后再次转到步骤1
  7. 来源:pagination

答案 1 :(得分:1)

好吧,我不认为用纯HTML做这件事是不可能的,因为你必须进行一些评估。

你可以做的,就是把一个java脚本放在最上面并创建一个循环来实现它#34;手动&#34;。您应该将所有页面中的<div>和javascript放在单独的script.js文件中,并从所有html页面中引用它。因此,所有页面都将引用一个脚本,您可以手动调整页面数量(468 in out case)

检查一下,让我知道它是否有效:

<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>