不错的Javascript表格翻页效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE>表格翻页</TITLE> 
<style> 
body, td{ 
    font-size: 9pt; 
} 
a:link { 
    color: #FF0000; 
} 
a:visited { 
    color: #FF0000; 
} 
a:hover { 
    color: #006600; 
} 
</style> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3CSCRIPT%20LANGUAGE%3D%22JavaScript%22%3E%20%0D%0A%3C!--%20%0D%0Avar%20record%20%3D%204%3B%2F%2F%E6%AF%8F%E9%A1%B5%E6%98%BE%E7%A4%BA%E5%A4%9A%E5%B0%91%E6%9D%A1%E8%AE%B0%E5%BD%95%20%0D%0Avar%20count%20%3D%2024%3B%2F%2F%E8%AE%B0%E5%BD%95%E6%80%BB%E6%95%B0%20%0D%0Avar%20pageTotal%20%3D%20((count%2Brecord-1)%2Frecord)%7C0%3B%2F%2F%E6%80%BB%E9%A1%B5%E6%95%B0%20%0D%0Avar%20pagenum%20%3D%201%3B%2F%2F%E5%B0%86%E8%A6%81%E6%98%BE%E7%A4%BA%E7%9A%84%E9%A1%B5%E7%A0%81%20%0D%0A%0D%0ACookie%20%3D%20%7B%20%0D%0A%20Set%20%3A%20function%20()%7B%20%0D%0A%20%20var%20name%20%3D%20arguments%5B0%5D%2C%20value%20%3D%20escape(arguments%5B1%5D)%2C%20days%20%3D%20365%2C%20path%20%3D%20%22%2F%22%3B%20%0D%0A%20%20if(arguments.length%20%3E%202)%20days%20%3D%20arguments%5B2%5D%3B%20%0D%0A%20%20if(arguments.length%20%3E%203)%20path%20%3D%20arguments%5B3%5D%3B%20%0D%0A%20%20with(new%20Date())%7B%20%0D%0A%20%20%20setDate(getDate()%2Bdays)%3B%20%0D%0A%20%20%20days%3DtoUTCString()%3B%20%0D%0A%20%20%7D%20%0D%0A%20%20document.cookie%20%3D%20%22%7B0%7D%3D%7B1%7D%3Bexpires%3D%7B2%7D%3Bpath%3D%7B3%7D%22.format(name%2C%20value%2C%20days%2C%20path)%3B%20%0D%0A%20%7D%2C%20%0D%0A%20Get%20%3A%20function%20()%7B%20%0D%0A%20%20var%20returnValue%3Ddocument.cookie.match(new%20RegExp(%22%5B%5Cb%5C%5E%3B%5D%3F%22%20%2B%20arguments%5B0%5D%20%2B%20%22%3D(%5B%5E%3B%5D*)(%3F%3D%3B%7C%5Cb%7C%24)%22%2C%22i%22))%3B%20%0D%0A%20%20return%20returnValue%3Funescape(returnValue%5B1%5D)%3AreturnValue%3B%20%0D%0A%20%7D%20%0D%0A%7D%20%0D%0AString.prototype.format%20%3D%20function()%7B%20%0D%0A%20%20%20%20var%20tmpStr%20%3D%20this%3B%20%0D%0A%20%20%20%20var%20iLen%20%3D%20arguments.length%3B%20%0D%0A%20%20%20%20for(var%20i%3D0%3Bi%3CiLen%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20tmpStr%20%3D%20tmpStr.replace(new%20RegExp(%22%5C%5C%7B%22%20%2B%20i%20%2B%20%22%5C%5C%7D%22%2C%20%22g%22)%2C%20arguments%5Bi%5D)%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20return%20tmpStr%3B%20%0D%0A%7D%20%0D%0Afunction%20setPagenum()%7B%2F%2F%E6%95%B4%E7%90%86Cookie%20%0D%0A%20%20%20%20pagenum%20%3D%20Cookie.Get(%22pagenum%22)%3B%20%0D%0A%20%20%20%20if(pagenum%3D%3D%22%22%20%7C%7C%20pagenum%3C1)%7B%20%0D%0A%20%20%20%20%20%20%20%20pagenum%3D1%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0AsetPagenum()%3B%20%0D%0A%0D%0A%2F%2F%E9%87%8D%E6%96%B0%E6%95%B4%E7%90%86%E5%BD%93%E5%89%8D%E9%A1%B5%E7%A0%81%EF%BC%8C%E5%A6%82%E6%9E%9C%E9%A1%B5%E9%9D%A2%E5%B0%8F%E4%BA%8E1%EF%BC%8C%E5%88%99%E8%B5%8B%E5%80%BC%E4%B8%BA1%EF%BC%8C%E5%A6%82%E6%9E%9C%E5%A4%A7%E4%BA%8E%E6%80%BB%E9%A1%B5%E6%95%B0%EF%BC%8C%E5%88%99%E7%AD%89%E4%BA%8E%E6%80%BB%E9%A1%B5%E6%95%B0%20%0D%0AcoordinatePagenum(pagenum)%3B%20%0D%0A%0D%0A%2F%2F%E6%A0%B9%E6%8D%AE%E5%BD%93%E5%89%8D%E8%A6%81%E6%98%BE%E7%A4%BA%E7%9A%84%E9%A1%B5%E7%A0%81%E5%8F%96%E5%BE%97%E5%BD%93%E5%89%8D%E9%9D%A2%E9%87%8C%E7%AC%AC%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95%E7%9A%84%E5%8F%B7%E7%A0%81%20%0D%0Avar%20pageBegin%20%3D%20(record*(pagenum-1)%2B1)%7C0%3B%20%0D%0A%0D%0A%2F%2F%E6%A0%B9%E6%8D%AE%E5%BD%93%E5%89%8D%E8%A6%81%E6%98%BE%E7%A4%BA%E7%9A%84%E9%A1%B5%E7%A0%81%E5%8F%96%E5%BE%97%E5%BD%93%E5%89%8D%E9%9D%A2%E9%87%8C%E6%9C%80%E5%90%8E%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95%E7%9A%84%E5%8F%B7%E7%A0%81%20%0D%0Avar%20pageEnd%20%3D%20record*pagenum%3B%20%0D%0A%0D%0Afunction%20showhiddenRecord(pagenum)%7B%20%0D%0A%20%20%20%20number.innerHTML%3Dpagenum%3B%20%0D%0A%20%20%20%20if(pagenum%3C%3D1)%7B%20%0D%0A%20%20%20%20%20%20%20%20theFirstPage.innerHTML%3D%22%E7%AC%AC%E4%B8%80%E9%A1%B5%22%3B%20%0D%0A%20%20%20%20%20%20%20%20thePrePage.innerHTML%3D%22%E4%B8%8A%E4%B8%80%E9%A1%B5%22%3B%20%0D%0A%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20theFirstPage.innerHTML%3D%22%3Ca%20href%3D%5C%22javascript%3AfirstPage()%5C%22%3E%E7%AC%AC%E4%B8%80%E9%A1%B5%3C%2Fa%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20thePrePage.innerHTML%3D%22%3Ca%20href%3D%5C%22javascript%3AprePage()%5C%22%3E%E4%B8%8A%E4%B8%80%E9%A1%B5%3C%2Fa%3E%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20if(pagenum%3E%3DpageTotal)%7B%20%0D%0A%20%20%20%20%20%20%20%20theNextPage.innerHTML%3D%22%E4%B8%8B%E4%B8%80%E9%A1%B5%22%3B%20%0D%0A%20%20%20%20%20%20%20%20theLastPage.innerHTML%3D%22%E6%9C%80%E5%90%8E%E4%B8%80%E9%A1%B5%22%3B%20%0D%0A%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20theNextPage.innerHTML%3D%22%3Ca%20href%3D%5C%22javascript%3AnextPage()%5C%22%3E%E4%B8%8B%E4%B8%80%E9%A1%B5%3C%2Fa%3E%22%3B%20%0D%0A%20%20%20%20%20%20%20%20theLastPage.innerHTML%3D%22%3Ca%20href%3D%5C%22javascript%3AlastPage()%5C%22%3E%E6%9C%80%E5%90%8E%E4%B8%80%E9%A1%B5%3C%2Fa%3E%22%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20document.getElementById('goto').value%3Dpagenum%3B%20%0D%0A%20%20%20%20%2F%2F%E6%A0%B9%E6%8D%AE%E5%BD%93%E5%89%8D%E8%A6%81%E6%98%BE%E7%A4%BA%E7%9A%84%E9%A1%B5%E7%A0%81%E5%8F%96%E5%BE%97%E5%BD%93%E5%89%8D%E9%9D%A2%E9%87%8C%E7%AC%AC%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95%E7%9A%84%E5%8F%B7%E7%A0%81%20%0D%0A%20%20%20%20pageBegin%20%3D%20(record*(pagenum-1)%2B1)%7C0%3B%20%0D%0A%0D%0A%20%20%20%20%2F%2F%E6%A0%B9%E6%8D%AE%E5%BD%93%E5%89%8D%E8%A6%81%E6%98%BE%E7%A4%BA%E7%9A%84%E9%A1%B5%E7%A0%81%E5%8F%96%E5%BE%97%E5%BD%93%E5%89%8D%E9%9D%A2%E9%87%8C%E6%9C%80%E5%90%8E%E4%B8%80%E6%9D%A1%E8%AE%B0%E5%BD%95%E7%9A%84%E5%8F%B7%E7%A0%81%20%0D%0A%20%20%20%20pageEnd%20%3D%20record*pagenum%3B%20%0D%0A%20%20%20%20for(var%20i%3D1%3Bi%3C%3Dcount%3Bi%2B%2B)%7B%20%0D%0A%20%20%20%20%20%20%20%20if(i%3E%3DpageBegin%20%26%26%20i%3C%3DpageEnd)%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20mytable.rows%5Bi%5D.style.display%3D%22%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7Delse%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20%20%20mytable.rows%5Bi%5D.style.display%3D%22none%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%20%20Cookie.Set(%22pagenum%22%2C%20pagenum)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20firstPage()%7B%20%0D%0A%20%20%20%20pagenum%3D1%3B%20%0D%0A%20%20%20%20showhiddenRecord(pagenum)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20lastPage()%7B%20%0D%0A%20%20%20%20showhiddenRecord(pageTotal)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%E9%87%8D%E6%96%B0%E6%95%B4%E7%90%86%E5%BD%93%E5%89%8D%E9%A1%B5%E7%A0%81%EF%BC%8C%E5%A6%82%E6%9E%9C%E9%A1%B5%E9%9D%A2%E5%B0%8F%E4%BA%8E1%EF%BC%8C%E5%88%99%E8%B5%8B%E5%80%BC%E4%B8%BA1%EF%BC%8C%E5%A6%82%E6%9E%9C%E5%A4%A7%E4%BA%8E%E6%80%BB%E9%A1%B5%E6%95%B0%EF%BC%8C%E5%88%99%E7%AD%89%E4%BA%8E%E6%80%BB%E9%A1%B5%E6%95%B0%20%0D%0Afunction%20coordinatePagenum(num)%7B%20%0D%0A%20%20%20%20if(num%3C1)%7B%20%0D%0A%20%20%20%20%20%20%20%20num%3D%221%22%3B%20%0D%0A%20%20%20%20%7Delse%20if(num%3EpageTotal)%7B%20%0D%0A%20%20%20%20%20%20%20%20num%3DpageTotal%3B%20%0D%0A%20%20%20%20%7D%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20prePage()%7B%20%0D%0A%20%20%20%20pagenum--%3B%20%0D%0A%20%20%20%20coordinatePagenum(pagenum)%3B%20%0D%0A%20%20%20%20showhiddenRecord(pagenum)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20nextPage()%7B%20%0D%0A%20%20%20%20pagenum%2B%2B%3B%20%0D%0A%20%20%20%20coordinatePagenum(pagenum)%3B%20%0D%0A%20%20%20%20showhiddenRecord(pagenum)%3B%20%0D%0A%7D%20%0D%0A%0D%0Afunction%20gotoPage(num)%7B%20%0D%0A%20%20%20%20coordinatePagenum(pagenum)%3B%20%0D%0A%20%20%20%20showhiddenRecord(num)%3B%20%0D%0A%7D%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2FSCRIPT%3E"> 
</HEAD>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程