• 简单的js分页脚本


    <%@ Page Language="C#" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script runat="server">

    </script>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        
    <title>无标题页</title>
        <script language="javascript" type="text/javascript" > 
        
    function showpage(url,num,c_p) 
        { 
            
    var prev=0;var next=0;var temp=0;var html="";
            
    if(parseInt(c_p+3)>num)
            {
               prev
    =num;
            }
            
    else
            {
                prev
    =parseInt(c_p+3);
            }
            temp
    =10-(prev-c_p);
            
    if(c_p-temp>0)
            {
                next
    =c_p-temp;
            }
            
    else
            {
                next
    =1;
            }
            
    //如果显示的第一页<10,总页数又大于10
            if(c_p+3<10&&num>c_p+3)
            {
                
    for(j=1;j<=10-(c_p+3);j++)
                {
                    prev
    ++;
                }
            }
            
    if(c_p!=num)
            {
                html
    +="<a href='"+url+"index="+(1+c_p)+"'>上一页</a>"+" ";
            }
            
    for (i=prev;i>=next;i--
            { 
                
    if (i==c_p)
                { 
                    html
    +="<font color=red>"+i+" </font>";
                }
                
    else
                { 
                    html
    +="<a href='"+url+"index="+i+"'>"+i+"</a>"+" ";
                }
            }
            
    if(c_p!=1)
            {
                html
    +="<a href='"+url+"index="+(c_p-1)+"'>下一页</a>"+" ";
            }
            document.getElementById(
    "pagenumber").innerHTML=html+"  转到<input id=\"page\" style=\" 33px\" />页 <input type=\"button\" value=\"go\" onclick=\"funcGo()\" />";
        } 
        
    function funcLoad()
        {
            
    var num=100;
            
    var url="testpager.html?";
            
    var index ;
            index 
    = getUrlParam("index");
            
    if(index==0)
            {
                index
    =num;
            }
           showpage(url,num,index);
        }
        
    function   getUrlParam(name)
        {   
              
    var   reg   =   new   RegExp("(^|&)"+   name   +"=([^&]*)(&|$)");  
              
    var   r   =   window.location.search.substr(1).match(reg);   
              
    if   (r!=null)   
              {
                  
    return parseInt(unescape(r[2])); 
              }
               
    return   0;   
        } 
        
    function funcGo()
        {
                
    var num=100;
                
    if(parseInt(document.getElementById("page").value)>0&&parseInt(document.getElementById("page").value)<=num)
                {
                    window.location.href
    ="testpager.html?index="+parseInt(document.getElementById("page").value);
                }
                
    else
                {
                    alert(
    "页码不存在!");
                    
    return false;
                }
        } 
        
        
    </script> 
    </head>
    <body onload="funcLoad(0)">
        
    <form id="form1" runat="server">
        
    <div id="pagenumber">
        
        
    </div>
        
        
    </form>
    </body>
    </html>

    申明

    非源创博文中的内容均收集自网上,若有侵权之处,请及时联络,我会在第一时间内删除.再次说声抱歉!!!

    博文欢迎转载,但请给出原文连接。

  • 相关阅读:
    quick-cocos2d-x游戏开发【5】——创建菜单
    cocos2d-x3.0 lua学习(一个)
    hdu 3001 Travelling (TSP问题 )
    朱重组成功,?(行家都知道,几乎回答)
    无人机DLG生产作业流程
    自己定制个人无人机需要的准备工作的内容
    C# 多线程网络爬虫
    [转] c#中 多线程访问winform控件
    C# WinForm中 让控件全屏显示的实现代码
    5.数据绑定和表单标签库
  • 原文地址:https://www.cnblogs.com/Athrun/p/1168250.html
Copyright © 2020-2023  润新知