JS分页程序

最新推荐文章于 2024-04-21 22:53:27 发布

转载最新推荐文章于 2024-04-21 22:53:27 发布 · 560 阅读

文章标签：

#function #border #input #table #scroll #div

JavaScript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种基于JavaScript实现的网页数据分页方法，通过自定义的pageControl类来控制页面导航，包括首页、上一页、下一页和末页等功能，并提供跳转至指定页的功能。

<html> <head> <title>数据分页</title> <meta http-equiv="content-Type" content="text/html; charset=gb2312"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="标签页示例"> <mce:style></mce:style><style mce_bogus="1"> .pageSpan { border:1px solid #1867a6; padding-left:5px; padding-right:5px; cursor:hand; height: 20px; } .pageInput { border:1px solid #1867a6; padding-left:2px; padding-right:2px; width: 30px; } .pageSpan1 { font-size: 14px; cursor:hand; } </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no" onload="onpageload();"> <table width="100%" hight="100%"> <tr> <td width="100%"><div id="pageDiv" style="width: 100%;height: 30"></div></td> </tr> </table> </body> <mce:script type="text/javascript"></mce:script> <mce:script type="text/javascript"></mce:script> </html>