无刷新分页 for net等等都可以用,先引用ajax库

来源:互联网 发布:大数据工程师认证考试 编辑:程序博客网 时间:2024/04/27 16:55
<script type="text/javascript"  language="javascript" src="js/page21.js"></script>
 <div id="pages11" class="pages"></div> 
          <script language="JavaScript" type="text/javascript" >
<!--

              function funname(e) {
                  alert(e.toString() + "aaa")

              };


              var pg = new showPages('pg');
              pg.pageCount = 50;  // 定义总页数(必要)
              //pg.argName = 'p';  // 定义参数名(可选,默认为page)
              pg.page = 9//加载当前页数,后加
              pg.DIVname = 'pages11'; //根据上面的div决定插入层div的内容
              pg.ajaxname = 'funname';
              pg.printHtml(2); //加载样式
    //-->
</script>

---------------------------------------page21.js 页面内容
/*

showPages v1.1
=================================

Infomation
----------------------
changes: mr li 171678685
Author : Lapuasi
E-Mail : lapuasi@gmail.com
Date : 2005-11-17  -> 2013.1.1 for .net


Example
----------------------
var pg = new showPages('pg');
pg.ajaxname = "name"; //定义总页数(必要)
pg.pageCount = 12; //定义总页数(必要)
pg.argName = 'p';    //定义参数名(可选,缺省为page)
pg.printHtml();        //显示页数


Supported in Internet Explorer, Mozilla Firefox
*/

function showPages(name) { //初始化属性页数
    this.name = name;      //对象名称
    this.page = 1;         //当前页数
    this.pageCount = 1;    //总页数
    this.argName = 'page'; //参数名
    this.showTimes = 1;    //打印次数
    this.ajaxname = "";    //刷新页面用的ajaxname
    this.DIVname = "";    //加载DIV的name
}

showPages.prototype.getPage = function(){ //丛url获得当前页数,如果变量重复只获取最后一个
    var args = location.search;
    var reg = new RegExp('[\?&]?' + this.argName + '=([^&]*)[&$]?', 'gi');
    var chk = args.match(reg);
    this.page = RegExp.$1;
}
showPages.prototype.checkPages = function(){ //进行当前页数和总页数的验证
    if (isNaN(parseInt(this.page))) this.page = 1;
    if (isNaN(parseInt(this.pageCount))) this.pageCount = 1;
    if (this.page < 1) this.page = 1;
    if (this.pageCount < 1) this.pageCount = 1;
    if (this.page > this.pageCount) this.page = this.pageCount;
    this.page = parseInt(this.page);
    this.pageCount = parseInt(this.pageCount);
}
showPages.prototype.createHtml = function(mode){ //生成html代码
    var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
    if (mode == '' || typeof(mode) == 'undefined') mode = 0;
    switch (mode) {



        case 0: //模式0 (页数,首页,前页,后页,尾页)
            strHtml += '<span class="count">页: ' + this.page + ' / ' + this.pageCount + '</span>';
            strHtml += '<span class="number">';
            if (prevPage < 1) {
                strHtml += '<span title="首页">«</span>';
                strHtml += '<span title="上页">‹</span>';
            } else {
                strHtml += '<span title="首页"><a href="javascript:' + this.ajaxname + '(1);">«</a></span>';
                strHtml += '<span title="上页"><a href="javascript:' + this.ajaxname + '(' + prevPage + ');">‹</a></span>';
            }
            for (var i = 1; i <= this.pageCount; i++) {
                if (i > 0) {
                    if (i == this.page) {
                        strHtml += '<span title="页 ' + i + '">[' + i + ']</span>';
                    } else {
                        strHtml += '<span title="页 ' + i + '"><a href="javascript:' + this.ajaxname + '(' + i + ');">[' + i + ']</a></span>';
                    }
                }
            }
            if (nextPage > this.pageCount) {
                strHtml += '<span title="下页">›</span>';
                strHtml += '<span title="末页">»</span>';
            } else {
                strHtml += '<span title="下页"><a href="javascript:' + this.ajaxname + '(' + nextPage + ');">›</a></span>';
                strHtml += '<span title="末页"><a href="javascript:' + this.ajaxname + '(' + this.pageCount + ');">»</a></span>';
            }
            strHtml += '</span><br />';
            break;
    
          
        case 1: //模式1 (前后缩略,页数,首页,前页,后页,尾页)
            strHtml += '<span class="count">页: ' + this.page + ' / ' + this.pageCount + '</span>';
            strHtml += '<span class="number">';
            if (prevPage < 1) {
                strHtml += '<span title="首页">«</span>';
                strHtml += '<span title="上页">‹</span>';
            } else {
                strHtml += '<span title="首页"><a href="javascript:' + this.ajaxname + '(1);">«</a></span>';
                strHtml += '<span title="上页"><a href="javascript:' + this.ajaxname + '(' + prevPage + ');">‹</a></span>';
            }
            if (this.page != 1) strHtml += '<span title="页 1"><a href="javascript:' + this.ajaxname + '(1);">[1]</a></span>';
            if (this.page >= 5) strHtml += '<span>...</span>';
            if (this.pageCount > this.page + 2) {
                var endPage = this.page + 2;
            } else {
                var endPage = this.pageCount;
            }
            for (var i = this.page - 2; i <= endPage; i++) {
                if (i > 0) {
                    if (i == this.page) {
                        strHtml += '<span title="页 ' + i + '">[' + i + ']</span>';
                    } else {
                        if (i != 1 && i != this.pageCount) {
                            strHtml += '<span title="页 ' + i + '"><a href="javascript:' + this.ajaxname + '(' + i + ');">[' + i + ']</a></span>';
                        }
                    }
                }
            }
            if (this.page + 3 < this.pageCount) strHtml += '<span>...</span>';
            if (this.page != this.pageCount) strHtml += '<span title="页 ' + this.pageCount + '"><a href="javascript:' + this.ajaxname + '(' + this.pageCount + ');">[' + this.pageCount + ']</a></span>';
            if (nextPage > this.pageCount) {
                strHtml += '<span title="下页">›</span>';
                strHtml += '<span title="末页>»</span>';
            } else {
                strHtml += '<span title="下页"><a href="javascript:' + this.ajaxname + '(' + nextPage + ');">›</a></span>';
                strHtml += '<span title="末页"><a href="javascript:' + this.ajaxname + '(' + this.pageCount + ');">»</a></span>';
            }
            strHtml += '</span><br />';
            break;
      
        case 2: //模式2 (下拉框)
            if (this.pageCount < 1) {
                strHtml += '<select name="toPage" disabled>';
                strHtml += '<option value="0">无</option>';
            } else {
                var chkSelect;
                strHtml += '<select name="toPage" onchange="' + this.ajaxname + '(this.options[this.selectedIndex].value);">';
                for (var i = 1; i <= this.pageCount; i++) {
                    if (this.page == i) chkSelect = ' selected="selected"';
                    else chkSelect = '';
                    strHtml += '<option value="' + i + '"' + chkSelect + '>页: ' + i + ' / ' + this.pageCount + '</option>';
                }
            }
            strHtml += '</select>';
            break;
        case 3: //模式3 (输入框)
            strHtml += '<span class="input">';
            if (this.pageCount < 1) {
                strHtml += '<input type="text" name="toPage" value="无" class="itext" disabled="disabled">';
                strHtml += '<input type="button" name="go" value="到" class="ibutton" disabled="disabled"></option>';
            } else {
                strHtml += '<input type="text" value="输入:" class="ititle" readonly="readonly">';
                strHtml += '<input type="text" id="pageInput' + this.showTimes + '" value="' + this.page + '" class="itext" title="Input page" onkeypress="return ' + this.name + '.formatInputPage(event);" onfocus="this.select()">';
                strHtml += '<input type="text" value=" / ' + this.pageCount + '" class="icount" readonly="readonly">';
                strHtml += '<input type="button" name="go" value="到" class="ibutton" onclick="' + this.ajaxname + '(document.getElementById(\'pageInput' + this.showTimes + '\').value);"></option>';
            }
            strHtml += '</span>';
            break;
            
            
        
            
            
            
            
            
            
            
        
        case 4 : //模式4 (10页缩略,首页,前页,后页,尾页)
                    //strHtml += '<span class="font_ft2">页数: ' + this.page + ' / ' + this.pageCount + '</span>';
            ///strHtml += '<span class="font_ft2">';
            if (prevPage < 1) {
                strHtml += '<span title="首页">&nbsp;&nbsp;首页&nbsp;&nbsp;</span>';
                strHtml += '<span title="前页">前页&nbsp;&nbsp;</span>';
            } else {
    strHtml += '<span title="首页">&nbsp;<a href="javascript:' + this.ajaxname + '(1);" class=font_ft2>&nbsp;首页&nbsp;</a>&nbsp;</span>';
    strHtml += '<span title="上页"><a href="javascript:' + this.ajaxname + '(' + prevPage + ');"  class=font_ft2>上页&nbsp;</a>&nbsp;</span>';
            }
if (this.page != 1) strHtml += '<span title="页 1"><a href="javascript:' + this.ajaxname + '(1);"  class=font_ft2>[1]</a></span>';
            if (this.page >= 5) strHtml += '<span  class=font_ft2>...</span>';
            if (this.pageCount > this.page + 2) {
                var endPage = this.page + 2;
            } else {
                var endPage = this.pageCount;
            }
            for (var i = this.page - 2; i <= endPage; i++) {
                if (i > 0) {
                    if (i == this.page) {
                        strHtml += '<span title="页数 ' + i + '">[' + i + ']</span>';
                    } else {
                        if (i != 1 && i != this.pageCount) {
                            strHtml += '<span title="页数 ' + i + '"><a href="javascript:' + this.ajaxname + '(' + i + ');"  class=font_ft2>[' + i + ']</a></span>';
                        }
                    }
                }
            }
            if (this.page + 3 < this.pageCount) strHtml += '<span>...</span>';
            if (this.page != this.pageCount) strHtml += '<span title="页 ' + this.pageCount + '"><a href="javascript:' + this.ajaxname + '(' + this.pageCount + '); "  class=font_ft2>[' + this.pageCount + ']</a></span>';
            if (nextPage > this.pageCount) {
                strHtml += '<span title="后页"  class=font_ft2>&nbsp;&nbsp;下页&nbsp;&nbsp;</span>';
                strHtml += '<span title="末页"  class=font_ft2>末页</span>';
            } else {
    strHtml += '<span title="下页">&nbsp;<a href="javascript:' + this.ajaxname + '(' + nextPage + ');"  class=font_ft2>&nbsp;下页&nbsp;</a>&nbsp;</span>';
    strHtml += '<span title="末页"><a href="javascript:' + this.ajaxname + '(' + this.pageCount + ');"  class=font_ft2>末页&nbsp;</a></span>';
            }
            strHtml += '</span><br />';
            break;
            
            
            
            
            
            
            
            
            
            
            
            
    }
    return strHtml;
}
showPages.prototype.createUrl = function (page) { //生成页面跳转url
    if (isNaN(parseInt(page))) page = 1;
    if (page < 1) page = 1;
    if (page > this.pageCount) page = this.pageCount;
    var url = location.protocol + '//' + location.host + location.pathname;
    var args = location.search;
    var reg = new RegExp('([\?&]?)' + this.argName + '=[^&]*[&$]?', 'gi');
    args = args.replace(reg,'$1');
    if (args == '' || args == null) {
        args += '?' + this.argName + '=' + page;
    } else if (args.substr(args.length - 1,1) == '?' || args.substr(args.length - 1,1) == '&') {
            args += this.argName + '=' + page;
    } else {
            args += '&' + this.argName + '=' + page;
    }
    return url + args;
}
showPages.prototype.toPage = function(page){ //页面跳转
    var turnTo = 1;
    if (typeof(page) == 'object') {
        turnTo = page.options[page.selectedIndex].value;
    } else {
        turnTo = page;
    }
    self.location.href = this.createUrl(turnTo);
}
showPages.prototype.printHtml = function(mode){ //显示html代码
    //this.getPage();
    this.checkPages();
    this.showTimes += 1;

    //document.write('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');
    //document.getElementById('pages_' + this.name + '_' + this.showTimes).innerHTML = this.createHtml(mode);
    $('#' + this.DIVname).html('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');
    $('#pages_' + this.name + '_' + this.showTimes).html(this.createHtml(mode));
    
}
showPages.prototype.formatInputPage = function(e){ //限定输入页数格式
    var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
    if(!ie) var key = e.which;
    else var key = event.keyCode;
    if (key == 8 || key == 46 || (key >= 48 && key <= 57)) return true;
    return false;
}
0 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 小米6充电线坏了怎么办 小米6导航信号弱怎么办 麦多多充不了电怎么办 一加数据线坏了怎么办 小米耳机泡水了怎么办 公司拖欠工资公司破产了怎么办 苹果x外壳掉漆怎么办 手机壳按键很硬怎么办 棉质白衣服染色怎么办 白棉t恤混洗染色怎么办 包包被衣服染色了怎么办 白色衣服染了菜汁怎么办 一加3t屏幕刺眼怎么办 怀孕吃了好多杏怎么办 门破了个洞怎么办 钢圈轮毂刮花了怎么办 瓷砖用刀子划了怎么办 陶瓷洗手台裂了怎么办 洗车泵水管坏了怎么办 印胶浆里面渗入了发泡浆怎么办? 管子断在水管里怎么办 衣服上的织带缩水怎么办 真丝衣服拔缝了怎么办 顾客说衣服太花怎么办 铝和碱反应变黑怎么办 40度高温多肉怎么办 沾到医用蓝药水怎么办? 裤子弄上泡沫胶怎么办 苍蝇纸粘衣服上怎么办 苍蝇胶沾衣服上怎么办 灯带为什么不亮怎么办 苹果6比屏幕变黄怎么办 雷腾键盘锁了怎么办 自吸泵电机不转怎么办 孕38周胎儿偏小怎么办 被火烧黑的铁怎么办 锅被烟熏黑了怎么办 墙壁被烟熏黑了怎么办 壁纸被烟熏黑了怎么办 空调被烟熏黑了怎么办 牙被烟熏黑了怎么办