>>51aspx首页 | >>Winform源码 | >>.Net源码大搜捕 | >>问题/帮助

Asp.net源码交流论坛

登录 注册
  • 标签
  • 会员
  • 搜索
  • 帮助

Asp.net源码交流论坛 » Asp.net交流讨论区 » Asp.net技术文章 » 一段利用js分页的简单脚本

帖子标题
业务申请区
  • 实名认证申请
  • 免费.Net主机申请
  • 积分奖励申请
  • 有偿服务申请
Asp.net交流讨论区
  • Asp.net技术问答
  • .Net项目、服务交易区
  • .Net源码问答区
  • Asp.net技术文章
  • 常用工具下载
Asp.net资源发布区
  • [源码发布区]
  • [视频发布区]
  • [商业代码区]
  • [其他.net相关资源]
Asp.net专题讨论区
  • Ajax/Atlas无刷新技术
  • 面向对象开发
  • ADO.net讨论区
  • 控件专题讨论
源码环境搭建和部署视频! 源码使用常见问题 51Aspx自有服务产品 开业特惠 快速通道:[源码发布] | [实名认证]
1/1页1 跳转到页查看:3164
发新话题 回复该主题
键盘左右键可以进行前后翻页操作
帮助

一段利用js分页的简单脚本

离线 51aspx
头像

51aspx

  • [超级管理员]
  • [2794]
  • 2068
  • 2007-05-17
源码贡献奖实名用户
51aspx 2008-04-23 14:43 | 只看楼主 树型| 收藏| 小 中 大 1 #

一段利用js分页的简单脚本

[实名用户所发信息,推荐关注实名贴,值得关注]


发上来,有时候会用得到

[复制到剪贴板]
CODE:

<%@ 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\" 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>


技术问题请直接发布到论坛,客户服务QQ:1120930903,合作及咨询QQ:793095132
常见问题:点这里,请仔细查看!
基础配置视频: 点这里
问题搜索:请点击!
积分奖励: 关于论坛实名版块的建议...
 

TOP

 

发送短消息

查看公共资料

查找该会员全部帖子

  • 2
  • 27
  • 591 分
  • 364.6 元
  • 北京
  • 离线
  • QQ: 793095132 793095132
离线 laisfiden
头像

问号

  • [工程师]
  • 1980-7-31
  • [419]
  • 392
  • 2008-04-16
laisfiden 2008-04-23 15:26 树型| 收藏| 小 中 大 2 #

回复:一段利用js分页的简单脚本



谢谢楼主,学习中……
[img]http://ip.ipwind.cn/msn.png?style=4[/img]
 

TOP

 

发送短消息

查看公共资料

查找该会员全部帖子

  • 13793
  • 0
  • 27 分
  • 47.6 元
  • 石家庄
  • 离线
  • MSN Messenger: laisfiden@hotmial.com laisfiden@hotmial.com
  • QQ: 65802408 65802408
离线 wqunwang506
头像

  • [学员]
  • [7]
  • 6
  • 2008-05-06
wqunwang506 2008-05-12 20:46 树型| 收藏| 小 中 大 3 #

回复:一段利用js分页的简单脚本



群是专为.Net技术交流学习,为振兴中华软件事业奋斗!!!!
爱好者请加:群名:.Net精英之盟 群号:25536076
 

TOP

 

发送短消息

查看公共资料

查找该会员全部帖子

  • 16474
  • 0
  • 0 分
  • 1 元
  • 离线
离线 ccsnetmeng
头像

DotNetMVP

  • [实习生]
  • 1985-7-18
  • [17]
  • 5
  • 2009-06-04
ccsnetmeng 2009-06-15 17:05 树型| 收藏| 小 中 大 4 #



学习学习.
 

TOP

 

发送短消息

查看公共资料

查找该会员全部帖子

  • 58316
  • 0
  • 12 分
  • -3 元
  • 内蒙古
  • 离线
  • QQ: 285882135 285882135
<<上一主题|下一主题>>
1/1页1 跳转到页
发表新主题 回复该主题

相关主题

javascript小技巧-js小技巧收集
JavaScript小技巧大全
分享一个一个简单智能js菜单(可在线演示)
一段实用的折叠特效代码
  • 发新主题

Asp.net源码下载专业站  - 源码推荐 - 最新源码  Sitemap

bbs.51Aspx.com - 简洁版本 - TOP - 界面风格

  • Default

Discuz!NT

Powered by Discuz!NT 2.6.1 © 2000-2010 51Aspx.com.

Processed in 0.203125 second(s) , 5 queries. 京ICP备06046876号

  • 我的资料
  • 我的主题
  • 我的回复
  • 我的精华
  • 我的附件
  • 我的收藏
  • 基本状况
  • 流量统计
  • 客户软件
  • 发帖量记录
  • 版块排行
  • 主题排行
  • 发帖排行
  • 积分排行
  • 在线时间
帖子标题
作  者