关于HTML页面分页显示问题

Question

maozhongpei(毛中培)同志可否说的详细些，菜鸟们急切想知道咋跳法。

Answer 1

我在论坛以前的文章中看到是使用是scrollTop，但是只能往下翻页，若要往上翻页，必须自己计算，但用户希望文章由他们更换，所以文章长度不定，所以用scrollTop方式不好做。maozhongpei(毛中培)能把你的方法详细的告诉我吗？急切地想得到高手的指点。

Answer 2

在一个页面里，放在不同的table或tr里，然后给每个起一个不一样的name，通过javascript，使用
[隐藏]document.all.yourtableORtrname.style.display="none";
[显示]document.all.yourtableORtrname.style.display="";就可以了，记得在显示一个的同时，隐藏其它的哦

Answer 3

还有一个办法就是，将文章分成四部分，然后放在四个不同的html里，通过按钮或链接（建议使用链接）：“首页”、“上一页”、“下一页”、“末页”
调用不同的html就可以了：）

Answer 4

Save as this page...http://www.iht.com/articles/509203.html

Answer 5

<script>
     //创建数组存放车牌号
     var cars = new Array();
 var tempArray = new Array();
 var list_NUM = 10;   //一页存放的个数
     //车辆id和车牌号的对象
 function car(id , cph)
 {
  this.id = id;
  this.cph = cph;
  }
  //总页数
 function getPageNum()
 {
    var page = parseInt(tempArray.length/list_NUM);
if((tempArray.length%list_NUM) > 0)
page += 1;
return page;
 }
 function showCars(page)
 {
var htmlStr = "<table width=\"220\"><tr height=32><td background=\"images/title.jpg\" >&nbsp;&nbsp;&nbsp;&nbsp;车辆编号</td></tr>";
   if(page > 0 && page <= getPageNum())
 {
   var star_n = (page - 1) * list_NUM;
   var end_n  = page * list_NUM - 1;
   if(star_n < 0)
   star_n = 0
   if(end_n >= tempArray.length)
   end_n = tempArray.length - 1;
   for(var i = star_n ; i <= end_n ; i++)
   htmlStr += "<tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<image src=\"images/point.gif\">&nbsp;&nbsp;<a href=\"javascript:showCarInfo(" + tempArray[i].id + ")\">" + tempArray[i].cph + "</a></td></tr>";
           //htmlStr += "<tr height=30></tr><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:showCars(" + (page -1 ) + ")\">上一页</a>&nbsp;&nbsp;<a href=\"javascript:showCars(" + (page + 1) + ")\">下一页</a>&nbsp;&nbsp;共有&nbsp;" + getPageNum() + "&nbsp;页</td></tr></table>";
 }
           if (getPageNum()==1)
                htmlStr += "</table>";
           else if (page ==1)
                htmlStr += "<tr height=30></tr><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:showCars(" + (2) + ")\">下一页</a>&nbsp;&nbsp;共有&nbsp;" + getPageNum() + "&nbsp;页</td></tr></table>";
           else if (page == getPageNum())
                htmlStr += "<tr height=30></tr><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:showCars(" + (getPageNum() -1 ) + ")\">上一页</a>&nbsp;&nbsp;共有&nbsp;" + getPageNum() + "&nbsp;页</td></tr></table>";
           else
        htmlStr += "<tr height=30></tr><tr><td>&nbsp;&nbsp;&nbsp;&nbsp;<a href=\"javascript:showCars(" + (page -1 ) + ")\">上一页</a>&nbsp;&nbsp;<a href=\"javascript:showCars(" + (page + 1) + ")\">下一页</a>&nbsp;&nbsp;共有&nbsp;" + getPageNum() + "&nbsp;页</td></tr></table>";
 document.all.htmlCar.innerHTML = htmlStr;
 }
 function stringToArray(value)
 {
   var car_v1 = value.split("&");
   for(i=0;i<car_v1.length;i++)
 {
      cars[i] = new car(car_v1[i].split(",")[0] , car_v1[i].split(",")[1]);
   }
   tempArray = cars;
 }
 function SearchByCHP()
 {
   var cph=document.all.search_cph.value;
   if(cph.length>0)
 {
   tempArray = null;
   tempArray = new Array();
       for(i=0;i<cars.length;i++)
     if(cars[i].cph.indexOf(cph)>=0)
    tempArray[tempArray.length]=cars[i];
   showCars(1);
 }
 else
 alert("请输入车牌号码！");
 }
 function showAllCHP()
 {
    tempArray = null;
tempArray = new Array();
tempArray = cars;
showCars(1);
 }
   </script>