zoukankan      html  css  js  c++  java
  • 简单的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>

    申明

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

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

  • 相关阅读:
    [转]SQLSERVER 18056 错误
    【转】 Windows控制台上的UTF8支持
    无法访问共享解决方案之一
    performselectoronmainthread
    iphone开发多线程
    iPad app应用开发系列文章之三 -- iOS的多核编程和内存管理
    ObjectiveC中一种消息处理方法performSelector: withObject:
    UIView你知道多少
    NSBundle介绍
    Blocks,注意
  • 原文地址:https://www.cnblogs.com/Athrun/p/1168250.html
Copyright © 2011-2022 走看看