HTML页面怎么显示分页

1、html网页，如果全部是静态数据，也就是数据不是从数据库获取的，所有的数据都是在网页上已经存在的，但是数据比较多，需要分页的话，该如何显示呢？

2、一般html网页，可以采用div的css属性控制显示和隐藏来实现分页的目的。

display:block; 这个css属性可以让div显示出来；

display:none; 这个css属性可以让div隐藏起来；

例如：

<div id="page1" style="display:block;">这是第1页的内容</div>

<div id="page2" style="display:none;">这是第2页的内容</div>

<div id="page3" style="display:none;">这是第3页的内容</div>

3、然后增加3个按钮，分别是第1页，第2页，第3页，每个按钮有点击事情。

例如：

<a href="javascript:showpage(1);">第1页</a>

<a href="javascript:showpage(2);">第2页</a>

<a href="javascript:showpage(3);">第3页</a>

4、然后通过javascript点击事情来修改div的css属性display的值，就可以达到切换页面的目的了。

例如：

<script>

function showpage(page){

  for(var i=1;i<=3;i++) {

    if (page==i){

      document.getElementById("page"+page).style.display="block";

    } else {

      document.getElementById("page"+page).style.display="none";

    }

  }

}

</script>