简单的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=\ " width: 33px\ "  />页 <input type=\ " button\ "  value=\ " go\ "  οnclick=\ " 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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值