谁能提供个js分页的经典例子？？？

谁能给我一个JAVA的软件啊

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

在我的blog中有一个：简简单单的分页方案:javascript+Struts+Hibernate，不过不是全js的。
<%@ page contentType="text/html;charset=gb2312" %>
<%@ page language="java" import="java.sql.*" %><script language="javascript">
function newwin(url) {
var newwin=window.open(url,"newwin","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=600,height=450");
newwin.focus();
return false;
}
</script>
<script LANGUAGE="javascript">
function submit10()
{
self.location.replace("fenye1.jsp")
}
</script>
<%//变量声明
java.sql.Connection sqlCon; //数据库连接对象
java.sql.Statement sqlStmt; //SQL语句对象
java.sql.ResultSet sqlRst; //结果集对象
java.lang.String strCon; //数据库连接字符串
java.lang.String strSQL; //SQL语句
int intPageSize; //一页显示的记录数
int intRowCount; //记录总数
int intPageCount; //总页数
int intPage; //待显示页码
java.lang.String strPage;
int i;
//设置一页显示的记录数
intPageSize = 4;
//取得待显示页码
strPage = request.getParameter("page");
if(strPage==null){//表明在QueryString中没有page这一个参数，此时显示第一页数据
intPage = 1;
}
else{//将字符串转换成整型
intPage = java.lang.Integer.parseInt(strPage);
if(intPage<1) intPage = 1;
}
//装载JDBC驱动程序
Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
//设置数据库连接字符串
strCon = "jdbc:odbc:heyang";
//连接数据库
sqlCon = java.sql.DriverManager.getConnection(strCon,"sa","");
//创建一个可以滚动的只读的SQL语句对象
sqlStmt = sqlCon.createStatement(java.sql.ResultSet.TYPE_SCROLL_INSENSITIVE,java.sql.ResultSet.CONCUR_READ_ONLY);//准备SQL语句
strSQL = "select user_id,user_name from userinfo order by user_id desc";
//执行SQL语句并获取结果集
sqlRst = sqlStmt.executeQuery(strSQL);
//获取记录总数
sqlRst.last();//??光标在最后一行
intRowCount = sqlRst.getRow();//获得当前行号
//记算总页数
intPageCount = (intRowCount+intPageSize-1) / intPageSize;
//调整待显示的页码
if(intPage>intPageCount) intPage = intPageCount;
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>会员管理</title>
</head>
<body>
<form method="POST" action="fenye1.jsp">
第<%=intPage%>页  共<%=intPageCount%>页  <%if(intPage<intPageCount){%><a href="fenye1.jsp?page=<%=intPage+1%>">下一页</a><%}%>  <%if(intPage>1){%><a href="fenye1.jsp?page=<%=intPage-1%>">上一页</a><%}%>
转到第:<input type="text" name="page" size="8"> 页
<span><input class=buttonface type=´submit´ value=´GO´ name=´cndok´></span>
</form>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<th>ID</th>
<th>用户名</th>
<th width=´8%´>删除</th>
</tr>
<%
if(intPageCount>0){
//将记录指针定位到待显示页的第一条记录上
sqlRst.absolute((intPage-1) * intPageSize + 1);
//显示数据
i = 0;
String user_id,user_name;
while(i<intPageSize && !sqlRst.isAfterLast()){
user_id=sqlRst.getString(1);
user_name=sqlRst.getString(2);
%>
<tr>
<td><%=user_id%></td>
<td><%=user_name%></td>
<td width=´8%´ align=´center´><a href="delete.jsp?user_id=<%=user_id%>" onClick="return newwin(this.href);">删除</a></td>
</tr>
<%
sqlRst.next();
i++;
}
}
%>
</table>
</body>
</html>
<%
//关闭结果集
sqlRst.close();
//关闭SQL语句对象
sqlStmt.close();
//关闭数据库
sqlCon.close();
%>
http://www.btbtd.org/test/sqJsTools/tools/XAjaxPaged/XAjaxPaged1.1/Demo/default.shtml
这个是我写的纯js实现的分页
http://download.csdn.net/source/560670
<!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=utf-8" />
<meta name="Description" content="JavaScript分页示例" />
<meta name="Keywords" content="JavaScript分页示例" />
<meta name="Robots" content="JavaScript分页示例" />
<title>JavaScript分页(按段落分页)</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body onload="getText()">
<script language="javascript" type="text/javascript">
//创建xmlHttp对象
var xmlHttp=false;
function createXMLHttpRequest(){
xmlHttp=false;
try{xmlHttp = new XMLHttpRequest();}
catch(trymicrosoft){
try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}
catch(othermicrosoft){
try{xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
catch(failed){return false;}
}
}
   if (!xmlHttp){
     alert("错误!无法创建XMLHttpRequest对象!可能是您的浏览器不支持ajax.");
return false;
   }
}
//
function IsNumber(str){
var patrn = /^[0-9]*[1-9][0-9]*$/;
if(str==null||str=='')
return false;
if (patrn.test(str)==false)
return false;
return true;
}
//
function getText(){
var str;
var ss = new Array();
createXMLHttpRequest();
xmlHttp.open("get","txt/test.txt",true);
xmlHttp.onreadystatechange=function(){
     if(xmlHttp.readyState==4&&xmlHttp.status==200){
str = xmlHttp.responseText;
ss = str.split("\n");
//
//
var pagesize = 52;//每页显示的段落数
//获取页码
var url=window.location.href;//当前链接
var patrn=/page=/;
patrn.exec(url);
var pageindex = RegExp.rightContext;//当前页码 if(!IsNumber(pageindex))
pageindex=1; var maxpage = Math.floor((ss.length % pagesize == 0) ? (ss.length / pagesize) : ((ss.length / pagesize) + 1));//总页数
var k = (pageindex - 1) * pagesize;//每页输出的第一项 var myText='';
for(i=0;i<pagesize;i++){
if ((k + i) < ss.length) {myText += (ss[k + i] + '<br />');}
document.getElementById('showText').innerHTML = myText;
//document.write (myText);
}
//分页导航
var pagegrid="";
for (i = 1; i <= maxpage; i++)
             pagegrid += "[<a href=\"?page=" + i + "\">" + i + "</a>]  ";
document.getElementById('showPage').innerHTML = pagegrid;
document.getElementById('maxpage').innerHTML = maxpage;
document.getElementById('pageindex').innerHTML = pageindex;
}
}
xmlHttp.send(null);
}
</script>
<a name="top" id="top"></a>
<div align="center">
<div id="pbody">
<div class="login" style="text-align:left;">    【共有<span id="maxpage" style="color:#FF0000"></span>页/当前第<span id="pageindex" style="color:#FF0000"></span>页】</div>

<div id="contentx">

<div class="nbsp"> </div>
<div class="link" style="height:auto;">
<div class="bg" style="font-size:22px;">  文本分页示例(按段落分页)</div>
<div class="content"style="overflow:hidden;">
    <div class="cell" style="width:4%;"> </div>
    <div id="showText" class="cell" style="width:92%;"> </div>
</div>
</div>
<div class="nbsp"> </div>
<div id="showPage" class="link" style="text-align:right;">    </div>
<div class="nbsp"> </div>
</div>
</div>
</div>
</body>
</html>
啊才学了数组  正好练练手
没仔细测，应该还有很多bug!
<style type="text/css">
#tab{
font-size:12px;}
#tab td{height:25px;text-align:center; border:1px solid #CCCCCC}
body{
font-size:12px;
}
.hand{cursor:hand;}
#div{ height:30px; width:600px; padding:5px;}
</style>
<body style="text-align:center" >
档次：<input id="d"   type="text" /><br>
说明：<input id="con" type="text" /><br>
<input  value="添加" type="button" onclick="add()" /><br><br><br>
</body>
<script>
var a=[[1,"好","000000"],[2,"好","111111"],[3,"中","222222222"],[5,"一般","333333333"],[6,"中","4444444"],[8,"差","555555555555"],[10,"好","66666666"],[11,"不错","777777777"]]
var pagenum;var id;var page;var content
function Initialization(){
pagenum=6   //每页的个数
page = 1    //当前页
if(a.length%pagenum==0)
{ content=Math.floor(a.length/pagenum)}
else
{ content=Math.floor(a.length/pagenum)+1}  //一共有多少页
}
function createtab(){
var newarr =new Array()
var start = pagenum*(page-1)        //a数组的开始位置，
newarr = a.slice(start,(start+pagenum))     //截取a数组的pagenum(每页有多少条数据)给新数组
var obj =document.body
var tab =document.createElement("table")
tab.width="600"
tab.id="tab"
tab.border=1;
tab.cellPadding=0;
tab.cellSpacing=0;
tab.align = "center";var tbd = document.createElement('tbody');
var tr=document.createElement("tr")
var td=document.createElement("td")
td.innerHTML="<strong>id</strong>"
td.width="100"
tr.appendChild(td)td=document.createElement("td")
td.innerHTML="<strong>档次</strong>"
td.width="150"
tr.appendChild(td)td=document.createElement("td")
td.innerHTML="<strong>说明</strong>"
td.width="250"
tr.appendChild(td)var td=document.createElement("td")
td.innerHTML="<strong>删除</strong>"
td.width="100"
tr.appendChild(td)tbd.appendChild(tr);for (var i=0;i<newarr.length;i++)         //添加多少行其实就是每页有多少
{
var tr=document.createElement("tr")
for(var j=0; j<newarr[i].length;j++)        //把新数组的内容给表格里面
{
var td=document.createElement("td")
td.innerHTML=newarr[i][j]
tr.appendChild(td)
}
var td=document.createElement("td")
var input = document.createElement("input")
input.type="button"
input.value="删除"
input.onclick =del
td.appendChild(input)
tr.appendChild(td)
tbd.appendChild(tr);
id++
}//var tr=document.createElement("tr")
//var td=document.createElement("td")
//td.innerHTML="asd"
//td.align="right"
//td.colspan=3
//tr.appendChild(td)
//tbd.appendChild(tr);var div = document.createElement("div")
div.id="div"
div.align="right"
div.innerHTML="一共"+content+"页　　当前在第"+page+"页　"
var span = document.createElement("span")
span.innerHTML="上一页　　"
span.classNmae="hand"
span.onclick=previous
div.appendChild(span)var span = document.createElement("span")
span.innerHTML="下一页"
span.classNmae="hand"
span.onclick=nextpage
div.appendChild(span)tab.appendChild(tbd)
obj.appendChild(tab)
obj.appendChild(div)
}function previous(){
if(page>1)
{
document.body.removeChild(document.getElementById("tab"))
document.body.removeChild(document.getElementById("div"))
page--
createtab()
}
}function nextpage(){
if(page<content)
{
document.body.removeChild(document.getElementById("tab"))
document.body.removeChild(document.getElementById("div"))
page++
createtab()
}
}function add(){
document.body.removeChild(document.getElementById("tab"))
document.body.removeChild(document.getElementById("div"))
var b  =document.getElementById("d").value
var con=document.getElementById("con").value
if (a.length!=0)
{var newid=a[(a.length-1)][0]+1}
else
{newid=1}
a[a.length]=[newid,b,con]
if(a.length%pagenum==0)
{ content=Math.floor(a.length/pagenum)}
else
{ content=Math.floor(a.length/pagenum)+1}
createtab()
}function del(){
document.body.removeChild(document.getElementById("tab"))
document.body.removeChild(document.getElementById("div"))
var obj = event.srcElement;
var  logo=obj.parentNode.parentNode.firstChild.innerHTML;
var  logo1;
for(var i=0;i<a.length;i++)
if(a[i][0]==parseInt(logo))
{
a.splice(0,1)
}
if(a.length%pagenum==0)
{ content=Math.floor(a.length/pagenum)}
else
{ content=Math.floor(a.length/pagenum)+1}
createtab()
}function window.onload(){
Initialization()
createtab()
}</script>