JS菜鸟求助，在线等...

你的不能运行 我懒得看 给你个简单的效果 你看看<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body>
<span id="kefulist"></span><br><br><br>
<span id="pre" style="cursor:pointer;color:red" onclick=prePage()></span> &nbsp;&nbsp;&nbsp;&nbsp;            
&nbsp;<span id="next" style="cursor:pointer;color:red" onclick=nextPage()></span><script>var a=new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27);
var page=1;
var size=8;
function initPage()
{
if(a.length>size)
   document.getElementById("next").innerHTML="下一组";
for(i=0;i<size;i++)
{
   if(i<a.length)
     document.getElementById("kefulist").innerHTML += a[i]+";";}
}
function nextPage()
{ if((page)*size<a.length)
{ 
   document.getElementById("kefulist").innerHTML="";
   for(var i=page*size;i<(page+1)*size;i++)
   {
    if(i<a.length)
     document.getElementById("kefulist").innerHTML += a[i]+";";
   }
   page++; 
   //alert(page);
   if(page*size>a.length)
    document.getElementById("next").innerHTML="";
}if(page>1)
{
   document.getElementById("pre").innerHTML="上一组";
}
  
}
function prePage()
{ if(page>0)
{ 
   page--;
   //alert(page)
   document.getElementById("kefulist").innerHTML="";
   for(var i=(page-1)*size;i<(page)*size;i++)
   {
    document.getElementById("kefulist").innerHTML += a[i]+";";
   }
  
  
   if(page==1)
    document.getElementById("pre").innerHTML="";
}if(page>1)
{
   document.getElementById("next").innerHTML="下一组";
} 
}initPage();
</script>
</body>
</html>

解决方案 »

  1.   

    我自己改好了,
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    <script language="javascript" type="text/javascript"> 
        var arr = new Array(); 
    arr[0] = " <li>0浅谈CAT AP755沥青混凝sdfgsdf土摊sdf铺机保养 </li>"; 
    arr[1] = " <li>1浅谈CAT AP755沥青混凝sdfgsdf土摊sdf铺机保养 </li>"; 
    arr[2] = " <li>2浅谈Cdfg AP755沥青混凝土摊铺机保养 </li>"; 
    arr[3] = " <li>3浅谈CAT AP755沥青混凝土dfg摊铺机保养 </li>"; 
    arr[4] = " <li>4浅谈Cfgs AP755沥青混凝土摊铺机保养 </li>"; 
    arr[5] = " <li>5浅谈CAT AP755沥青混凝土摊铺机保养 </li>"; 
    arr[6] = " <li>6浅谈CAgsdfgT AP755沥青dfg混凝土摊铺机保养 </li>"; 
    arr[7] = " <li>7浅谈CAT AP755沥青混凝土摊铺机保养 </li>"; 
    arr[8] = " <li>8浅谈CAT AP755沥青混d </li>"; 
    arr[9] = " <li>9浅谈CAT AP755沥青混凝土摊铺机保养 </li>"; 
    var PageSize = 4;//每页数据条数 
    var CurrentPage=0;//当前页码 
    var PageCount;//总页数 
    var RecCount;//记录总数 
    var Pages;     
                  
        function printPage(x) 
    { 

    var TempArray;
    var num;
    var next;
    var preview;
    var Tempstr;
    var ModPage
    //alert(CurrentPage) 
    //alert(n); 
    RecCount=arr.length; 
    //alert(RecCount);
    //PageCount=Math.round(RecCount/PageSize) ; 
        //alert(PageCount);
    ModPage = Math.round(RecCount%PageSize); 
    //alert(ModPage);

    var t=Math.floor(parseInt(RecCount)/parseInt(PageSize));
    var s=parseInt(RecCount)/parseInt(PageSize);
    //return (s>t) ? Math.floor(s)+1 : t;
    if(s>t)
    {
       PageCount = Math.floor(s)+1;
    }
    else
    {
           PageCount =t;
    }
    //alert(t);
    //alert(s);
    //alert(RecCount);
      
      if(x==1&&PageCount == 1) 
    { 
           //Tempstr = arr.join(""); 
    //alert(Tempstr);
    document.getElementById("showMsg").innerHTML = arr.join(""); 
    document.getElementById("sp").innerHTML = "第一页 上一页 下一页 末页 "; 

    }

    else if(x==1&&x <PageCount) 
    { 
        TempArray = new Array(); 
    for( num = 0;num <PageSize;num++) 
      { 
    TempArray[num] = arr[num]; 
    //alert(arr[num]) ; 
    //alert(PageSize);page 
    } 
    Tempstr = TempArray.join(""); 
    next = x + 1; 
    document.getElementById("showMsg").innerHTML = Tempstr; 
    document.getElementById("sp").innerHTML = "第一页 上一页 <a href='javascript:printPage("+next+")'>下一页 </a> <a href='javascript:printPage("+PageCount+")'>末页 </a>"; 
    }

      
     
    else if(x>1&&x <PageCount)
    { 
    TempArray = new Array(); 
    for( num =(x-1)*PageSize+1;num <=x*PageSize;num++) 
      { 
    TempArray[num] = arr[num]; 
    //alert(arr[num]) ; 
    //alert(PageSize);page 
    } 
     Tempstr = TempArray.join(""); 
     next = x + 1; 
     preview = x -1 ; 
    document.getElementById("showMsg").innerHTML = Tempstr; 
    document.getElementById("sp").innerHTML = " <a href='javascript:printPage(1)'>第一页 </a> <a href='javascript:printPage("+preview+")'>上一页</a> <a href='javascript:printPage("+next+")'>下一页 </a> <a href='javascript:printPage("+PageCount+")'>末页 </a>"; 
      
    }

    else if(x>1&&x==PageCount)
    { 
    //alert(x==PageCount);
      TempArray = new Array(); 
    for( num =((PageCount-1)*PageSize);num <=PageCount*PageSize;num++) 
      { 
    TempArray[num] = arr[num]; 
    //alert(arr[num]) ; 
    //alert(PageSize);page 
    } 
     Tempstr = TempArray.join(""); 
     //next = x + 1; 
     preview = x -1 ; 
    document.getElementById("showMsg").innerHTML = Tempstr; 
    document.getElementById("sp").innerHTML = " <a href='javascript:printPage(1)'>第一页 </a> <a href='javascript:printPage("+preview+")'>上一页</a> 下一页 末页"; 
      
    } 

    } 
    </script> 
    </head> 
    <body onload="printPage(1);"> 
    <div id="showMsg"> </div> <div id="sp"> </div> </body> 
    </html>