100分`跪求``一个最简单的JS翻页代码``

方案一：http://download.csdn.net/source/560670 方案二：http://www.btbtd.org/test/sqJsTools/tools/XAjaxPaged/XAjaxPaged1.1/Demo/default.shtml大哥`第一个我不够分下``5555``
第二个``打开了``乱掉的``我的是小说章节`翻页``

你首先得知道这一页是第几页，静态页面建议你<a herf="xiaoshuo001.htm">上一页</a><a herf="xiaoshuo003.htm">下一页</a> 如果是jsp页面，就有其他方法了，静态页面，你写成js，也必须要在每个页面写不同的内容。还不如这样方便明了

<HTML>
<HEAD>
<title>WebForm3</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">

var PageIndex = 0;
var PageCount = 总页数;
var arrPageArr= 页面路径数组;
function Next()
{
if(PageIndex < PageCount)
{
document.getElementById("Page").src = arrPageArr[PageIndex];
PageIndex ++;
}
return false;
}
function Pre()
{
if(PageIndex > 0)
{
document.getElementById("Page").src = arrPageArr[PageIndex];
PageIndex --;
}
return false;
}
function Last()
{
PageIndex = PageCount;
document.getElementById("Page").src = arrPageArr[PageIndex];
return false;
}
function First()
{
PageIndex = 0;
document.getElementById("Page").src = "页面路径";
return false;
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<a id=First href="_blank" onclick = "return First();">First</a>
<a id=Pre href="_blank" onclick = "return Pre();">Pre</a>
<a id=Next href="_blank" onclick = "return Next();">Next</a>
<a id=Last href="_blank" onclick = "return Last();">Last</a>
<iframe id="Page"></iframe>
</form>

</body>
</HTML>

获取当前 URL地址
然后根据实际情况进行分割。

var url=window.location;
        url=url.split('.');
        var page=0;
        var index=0;
        for(var i=0;i<url.length;i++)
        {
            if(url[i]=="htm");
                index=i;
        }
        page=url[index-1].substring(url[index-1].length-3,3);//取出最后三位数字00n；
        page=parseInt(page)+1;//得到下页的页数

在每个HTML文件中找到显示上下页的位置插入一句：
<script type="text/javascript" src="pages.js" ></script>
pages.js文件,放在同一目录下function add(n){
if(n < 10){
return "00" + n;
}else if(n < 100){
return "0" + n;
}
return n;
}
(function(){
var nMaxPage = 50; //最大页数
var url = window.location.href;
var reg = /(^.*xiaoshuo)(\d{3})(.htm[l]*$)/i;
var index = parseInt(url.replace(reg, "$2"), 10);
var html = [];
if(!isNaN(index)){
if(index > 1){
html.push("<a href='" + url.replace(reg, "$1" + add(index - 1) + "$3") + "'>上一页</a>");
}
if(index < nMaxPage){
html.push("<a href='" + url.replace(reg, "$1" + add(index + 1) + "$3") + "'>下一页</a>");
}
document.write(html.join("  "));
}
})()

巧了
我刚写了一个，已经在公司用上了
我是用table来显示一条数据的，50个数据就是50个table
以下是代码：<script type="text/javascript">
    var currentPageNo = 1;
    var upPageHtml = document.getElementById("upPage").innerHTML;
    var downPageHtml = document.getElementById("downPage").innerHTML;
    function showLog(action)
    {
        var logBox = document.getElementById("showUserLog");
        var logList = logBox.getElementsByTagName("table");
        var pageCnt = Math.ceil(logList.length / 10);
        if (action == "next")
        {
            currentPageNo++;
        }
        else if (action == "above")
        {
            currentPageNo--;
        }
        if (currentPageNo > pageCnt)
        {
            currentPageNo = pageCnt;
        }
        if (currentPageNo < 1)
        {
            currentPageNo = 1;
        }        if (currentPageNo == 1)
        {
            document.getElementById("upPage").innerHTML = "<font color='#999999'>首  页</font>";
        }
        else
        {
            document.getElementById("upPage").innerHTML = upPageHtml;
        }
        if (currentPageNo == pageCnt)
        {
            document.getElementById("downPage").innerHTML = "<font color='#999999'>末  页</font>";
        }
        else
        {
            document.getElementById("downPage").innerHTML = downPageHtml;
        }
        var startIndex = (currentPageNo - 1) * 10;
        var endIndex = currentPageNo * 10 - 1;
        for (var i = 0; i < logList.length; i++)
        {
            if (i >= startIndex && i <= endIndex)
            {
                logList[i].style.display = "block";
            }
            else
            {
                logList[i].style.display = "none";
            }
        }
        return false;
    }
    showLog("above");
</script>

<div class="mulu">
<a href="../zhushendehuanghun/zhushen001.htm" ><font color=#eo63ad>s上一章</font></a>
  
  
<a href="../zhushendehuanghun/zhushen003.htm" ><font color=#eo63ad>下一章</font></a>
</div>我的页代码`就这样`每一页都要手动添加连接``而且`都是简单规律``我想这样应该能够用程序来完成`
不然`每本小说``几百章`添这个都添到吐血```谢谢哈``看看有什么办法没`哦`11楼和12楼都试了`不行吖``

我现在的html里的代码如下：
<div class="mulu">
<a href="../zhushendehuanghun/zhushen001.htm" > <font color=#eo63ad>s上一章 </font> </a>
  
  
<a href="../zhushendehuanghun/zhushen003.htm" > <font color=#eo63ad>下一章 </font> </a>
</div>
谁能帮上面那JS`怎么样放到这代码里`还有JS里面也要修改好``
谢谢``

<HTML>
    <HEAD>
        <title>WebForm3</title>
        <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
        <meta name="CODE_LANGUAGE" Content="C#">
        <meta name="vs_defaultClientScript" content="JavaScript">
        <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
        <script language="javascript">

        var PageIndex = 0;
        var PageCount = 总页数;
        var arrPageArr= 页面路径数组;
        function Next()
        {
            if(PageIndex < PageCount)
            {
                document.getElementById("Page").src = arrPageArr[PageIndex];
                PageIndex ++;
            }
            return false;
        }
        function Pre()
        {
            if(PageIndex > 0)
            {
                document.getElementById("Page").src = arrPageArr[PageIndex];
                PageIndex --;
            }
            return false;
        }
        function Last()
        {
            PageIndex = PageCount;
            document.getElementById("Page").src = arrPageArr[PageIndex];
            return false;
        }
        function First()
        {
            PageIndex = 0;
            document.getElementById("Page").src = "页面路径";
            return false;
        }
        </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
        <a id=First href="_blank" onclick = "return First();">First</a>
        <a id=Pre href="_blank" onclick = "return Pre();">Pre</a>
        <a id=Next href="_blank" onclick = "return Next();">Next</a>
        <a id=Last href="_blank" onclick = "return Last();">Last</a>
        <iframe id="Page"></iframe>
        </form>

    </body>
</HTML>

上面这个`差不多了``
但是但是我个位数是001的``十位数010``这样子的``
上面那个列子结果是`panlong1.htm
而我要的结果是panlong001.htm``panlong012.htm``panlong111.htm``这样子``
这是我3天发了3张帖`最接近的了``

to 25
<a href='#' onclick="a()">点击</a>
function a (){
    var nMaxPage = 50; //最大页数
    var url = window.location.href;
    var reg = /(^.*xiaoshuo)(\d{3})(.htm[l#L]*$)/i;
    var index = parseInt(url.replace(reg, "$2"), 10);
    var html = [];
    var href;
    if(!isNaN(index)){
        if(index > 1){
//            html.push("<a href='" + url.replace(reg, "$1" + add(index - 1) + "$3") + "'>上一页</a>");
            href=url.replace(reg, "$1" + add(index - 1) + "$3");
        }
        if(index < nMaxPage){
/*            html.push("<a href='" + url.replace(reg, "$1" + add(index + 1) + "$3") + "'>下一页</a>");*/
            href=url.replace(reg, "$1" + add(index + 1) + "$3");
        }
       // document.write(html.join("  "));
      alert(href);
    window.location.href=href;
    }
}

调试易

100分`跪求``一个最简单的JS翻页代码``

解决方案 »