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>

    申明

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

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

  • 相关阅读:
    【Codechef】Chef and Bike(二维多项式插值)
    USACO 完结的一些感想
    USACO 6.5 Checker Challenge
    USACO 6.5 The Clocks
    USACO 6.5 Betsy's Tour (插头dp)
    USACO 6.5 Closed Fences
    USACO 6.4 Electric Fences
    USACO 6.5 All Latin Squares
    USACO 6.4 The Primes
    USACO 6.4 Wisconsin Squares
  • 原文地址:https://www.cnblogs.com/Athrun/p/1168250.html
Copyright © 2011-2022 走看看