关于一个js分页的问题

0 0

关于一个js分页的问题5

<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

<body onload="instStr(1)">

<INPUT TYPE="hidden" NAME="" id="strid" value="你好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;你好28;你好29;你好30;你好31;你好32;你好33;你好34;你好35;你好36;你好37;你好38;你好39;你好40;你好41;"></TEXTAREA>

      <TABLE id="recordTable" border="1">
</TABLE>
<span id="span1"></span><br/>
<INPUT TYPE="text" NAME="ttt" id="ttt">
<INPUT TYPE="button" VALUE="添加" ONCLICK="insertStr()">

</body>
<script type="text/javascript">
function instStr(spanid){

var str = document.getElementById("strid").value;
// alert(str);
//字的总集合
var strArray = str.split(";");
//页数
var page =spanid;

end = (page-1)*4+4;

var sumPage = Math.round((strArray.length-1)/4 );

if(Math.round((strArray.length-1)/4 )>0)
sumPage = sumPage+1;

var strrs="";

for(k = 1; k <= sumPage; k++){

if(k==1)
strrs +="<span id='"+k+"' onclick='instStr("+k+")'>首页</span>";
else{
if(k==sumPage){
strrs +="<span id='"+k+"' onclick='instStr("+k+")'>末页</span>";
}else
strrs +="<span id='"+k+"' onclick='instStr("+k+")'>"+k+"</span>";

}
}

document.getElementById("span1").innerHTML=(strrs);
if(page==sumPage){
   strrs = " <TABLE id='recordTable' border='1'> </TABLE> ";
for(i = (page-1)*4;i < strArray.length-1;i++){
if(Math.round(i/2)>0)
var row = recordTable.insertRow(recordTable.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<span id='"+i+"' name='"+strArray+"'value='"+strArray[i]+"' onclick='strPage()'>"+strArray[i]+"</span>";
}
alert(page);

}else{
for(i = (page-1)*4;i < end;i++){
if(i%2==0)
var row = recordTable.insertRow(recordTable.rows.length);
var col = row.insertCell(0);
col.innerHTML = "<span id='"+i+"' name='"+strArray[i]+"'value='"+strArray[i]+"' onclick='strPage()'>"+strArray[i]+"</span>";
}
}
}
function strPage(){

var str= document.getElementById(1).value;
alert(str);

}
</script>
</html>
[i]为什么每次点击下一页的时候就会直接在table中直接往下加行了呢！！怎么样才能在点击每一页的时候只是显示每一页的内容呢！！急死人了！！！！谢谢高手们了