<html>
<head>
<title>js</title>
<script>
var arrData = [["2005-11-14 00:40:07","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:39:06","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:38:43","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:37:29","admin","应用代理","查询ftp代理状态","成功","hehe"],["2005-11-14 00:37:29","admin","应用代理","查询ftp代理配置","成功","hehe"],["2005-11-14 00:37:17","admin","应用代理","查询ftp代理状态","成功","hehe"],["2005-11-14 00:37:17","admin","应用代理","查询ftp代理配置","成功","hehe"],["2005-11-14 00:36:59","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-14 00:36:59","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-14 00:36:22","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:36:08","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:34:23","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:33:21","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:32:17","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:28:32","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-14 00:28:16","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:24:25","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:08:47","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:08:11","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:59","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:47","admin","日志管理","查询日志","成功","hehe"],["2005-11-14 00:07:11","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 17:30:32","admin","实时监控","连接查询","成功","hehe"],["2005-11-12 17:30:08","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 15:57:18","admin","内容过滤模板","修改内容过滤模板","成功","hehe"],["2005-11-12 15:50:47","admin","内容过滤模板","修改内容过滤模板","成功","hehe"],["2005-11-12 15:49:54","admin","内容过滤模板","添加内容过滤模板","成功","hehe"],["2005-11-12 15:48:32","admin","系统认证","管理员登录","成功","hehe"],["2005-11-12 14:06:23","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-12 13:45:40","admin","日志管理","查询日志","成功","hehe"],["2005-11-12 13:45:24","admin","日志管理","查询日志","成功","hehe"],["2005-11-12 13:43:42","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-12 13:43:42","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-12 13:43:22","admin","系统认证","管理员登录","成功","hehe"],["2005-11-11 19:54:16","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:53:46","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:52:01","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:52:01","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:51:51","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:50","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:49","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:28","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:51:28","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:51:26","admin","应用代理","修改http代理配置","失败","hehe"],["2005-11-11 19:51:18","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:51:18","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:48:39","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:48:39","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:48:01","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:48:01","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:45:06","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:45:06","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:57","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:56","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:45","admin","主机管理","防火墙启动","成功","hehe"],["2005-11-11 19:44:23","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:23","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:19","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:19","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:44:10","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:44:10","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:43:09","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:43:09","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:41:13","admin","应用代理","查询http代理配置","成功","hehe"],["2005-11-11 19:41:13","admin","应用代理","查询http代理状态","成功","hehe"],["2005-11-11 19:41:03","admin","系统认证","管理员登录","成功","hehe"]];
</script>
<script>
var iPageSize = 10;
var iPageIndex = 0;
arrData.length;
var iDataCount = arrData.length;
var iPageCount;
var iPageFlag = 0;
if(iDataCount % iPageSize == 0)
{
iPageCount = Math.floor(iDataCount / iPageSize);
}
else
{
iPageCount = Math.floor(iDataCount / iPageSize) + 1;
}
var iColumn = 6;
var iCurDataIndex;
function dis(_iIndex)
{
if(_iIndex <= 0)
{
iPageIndex = 1;
iPageFlag = 1;
}
else if(_iIndex < iPageCount)
{
iPageIndex = _iIndex;
iPageFlag = 2;
}
else
{
iPageIndex = iPageCount;
iPageFlag = 3;
}
if(iPageCount == 0 || iDataCount <= iPageSize)
{
iPageFlag = 0;
}
//alert(iPageCount);
disNav();
disData();
}
function first()
{
dis(0);
}
function prev()
{
dis(-- iPageIndex);
}
function next()
{
dis(++ iPageIndex);
}
function last()
{
dis(iPageCount);
}
function gotoPage()
{
//ifdocument.getElementById("divNav").innerHTML = strNav;
var _iInputPage = document.getElementById("txtPage").value;
var _bText = false;
var pattern = /^[-/+]?/d+$/;
_bText = pattern.test(_iInputPage.toString());
if(_bText == true)
{
_iInputPage = Math.abs(_iInputPage);
if(_iInputPage > iPageCount)
{
_bText = false;
}
}
if(_bText == false)
{
alert("输入错误");
document.getElementById("txtPage").focus();
}
else
{
dis(_iInputPage);
}
}
function disNav()
{
var strNav = "<table width='100%' border=0 cellpadding=3 cellspacing=0><tr><td>当前为" + iPageIndex + "/" + iPageCount + "页 每页显示" + iPageSize + "/" + iDataCount + " ";
switch(iPageFlag)
{
case 0:
strNav += "首页 上一页 下一页 末页"
break;
case 1:
strNav += "首页 上一页 <a href = /"javascript:next()/">下一页</a> <a href = /"javascript:last()/">末页</a>"
break;
case 2:
strNav += "<a href = /"javascript:first()/">首页</a> <a href = /"javascript:prev()/">上一页</a> <a href = /"javascript:next()/">下一页</a> <a href = /"javascript:last()/">末页</a>"
break;
case 3:
strNav += "<a href = /"javascript:first()/">首页</a> <a href = /"javascript:prev()/">上一页</a> 下一页 末页"
break;
}
strNav += " <input type='text' size=4 maxlength=4 name=txtPage id=txtPage> <input type='button' value='转到' οnclick='javascript:gotoPage()'></td></tr></table>";
//alert(strNav);
document.getElementById("divNav").innerHTML = strNav;
}
function disData()
{
var strData = "<table border=0 cellpadding=3 cellspacing=0 width=100%>";
var iPageDataIndex;
iPageDataIndex = (iPageIndex - 1) * iPageSize;
if (iPageDataIndex < 0)
{
iPageDataIndex = 0;
}
iCurDataIndex = iDataCount - iPageDataIndex;
var iReFlag = iPageSize;
if(iCurDataIndex < iPageSize)
{
iReFlag = iCurDataIndex;
}
for(i = iPageDataIndex;i < iPageDataIndex + iReFlag;i ++)
{
strData += "<tr>";
for(j = 0;j < iColumn; j ++)
{
strData += "<td>" + arrData[i][j] + "</td>";
}
strData += "</tr>";
}
strData += "</table>";
document.getElementById("txtPage").value = iPageIndex;
document.getElementById("divData").innerHTML = strData;
}
</script>
</head>
<body>
<div id="divData"></div>
<div id="divNav"></div>
<script>
dis(0);
</script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------------------------------------
下面是C#的做法
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>
<!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 runat="server">
<title>无标题页</title>
</head>
<script>
//var arrData = [["2005-11-14 00:40:07","admin","日志管理","查询日志","成功","hehe"]]
var arrData=[<%=textdate%><%=textint%>];
</script>
<script>
var iPageSize = 10;
var iPageIndex = 0;
arrData.length;
var iDataCount = arrData.length;
var iPageCount;
var iPageFlag = 0;
if(iDataCount % iPageSize == 0)
{
iPageCount = Math.floor(iDataCount / iPageSize);
}
else
{
iPageCount = Math.floor(iDataCount / iPageSize) + 1;
}
var iColumn = 6;
var iCurDataIndex;
function dis(_iIndex)
{
if(_iIndex <= 0)
{
iPageIndex = 1;
iPageFlag = 1;
}
else if(_iIndex < iPageCount)
{
iPageIndex = _iIndex;
iPageFlag = 2;
}
else
{
iPageIndex = iPageCount;
iPageFlag = 3;
}
if(iPageCount == 0 || iDataCount <= iPageSize)
{
iPageFlag = 0;
}
//alert(iPageCount);
disNav();
disData();
}
function first()
{
dis(0);
}
function prev()
{
dis(-- iPageIndex);
}
function next()
{
dis(++ iPageIndex);
}
function last()
{
dis(iPageCount);
}
function gotoPage()
{
//ifdocument.getElementById("divNav").innerHTML = strNav;
var _iInputPage = document.getElementById("txtPage").value;
var _bText = false;
var pattern = /^[-/+]?/d+$/;
_bText = pattern.test(_iInputPage.toString());
if(_bText == true)
{
_iInputPage = Math.abs(_iInputPage);
if(_iInputPage > iPageCount)
{
_bText = false;
}
}
if(_bText == false)
{
alert("输入错误");
document.getElementById("txtPage").focus();
}
else
{
dis(_iInputPage);
}
}
function disNav()
{
var strNav = "<table width='100%' border=0 cellpadding=3 cellspacing=0><tr><td>当前为" + iPageIndex + "/" + iPageCount + "页 每页显示" + iPageSize + "/" + iDataCount + " ";
switch(iPageFlag)
{
case 0:
strNav += "首页 上一页 下一页 末页"
break;
case 1:
strNav += "首页 上一页 <a href = /"javascript:next()/">下一页</a> <a href = /"javascript:last()/">末页</a>"
break;
case 2:
strNav += "<a href = /"javascript:first()/">首页</a> <a href = /"javascript:prev()/">上一页</a> <a href = /"javascript:next()/">下一页</a> <a href = /"javascript:last()/">末页</a>"
break;
case 3:
strNav += "<a href = /"javascript:first()/">首页</a> <a href = /"javascript:prev()/">上一页</a> 下一页 末页"
break;
}
strNav += " <input type='text' size=4 maxlength=4 name=txtPage id=txtPage> <input type='button' value='转到' οnclick='javascript:gotoPage()'></td></tr></table>";
//alert(strNav);
document.getElementById("divNav").innerHTML = strNav;
}
function disData()
{
var strData = "<table border=0 cellpadding=3 cellspacing=0 width=100%>";
var iPageDataIndex;
iPageDataIndex = (iPageIndex - 1) * iPageSize;
if (iPageDataIndex < 0)
{
iPageDataIndex = 0;
}
iCurDataIndex = iDataCount - iPageDataIndex;
var iReFlag = iPageSize;
if(iCurDataIndex < iPageSize)
{
iReFlag = iCurDataIndex;
}
for(i = iPageDataIndex;i < iPageDataIndex + iReFlag;i ++)
{
strData += "<tr>";
for(j = 0;j < iColumn; j ++)
{
strData += "<td>" + arrData[i][j] + "</td>";
}
strData += "</tr>";
}
strData += "</table>";
document.getElementById("txtPage").value = iPageIndex;
document.getElementById("divData").innerHTML = strData;
}
</script>
<body>
<form id="form1" runat="server">
<div>
<div id="divData"></div>
<div id="divNav"></div>
<script>
dis(0);
</script>
</div>
</form>
</body>
</html>
cs 页
public void PageHtml()
{
int times = 10;
//textdate = "var arrData=/"/"";
for (int i = 1; i < times; i++)
{
textdate += "[/"" + i + "/"],";
}
textint = "[/"" + times + "/",/"" + times + "/"]";
//textint = "[/"" + times + "/",/"" + times + "/"]";两个重叠
}