zoukankan      html  css  js  c++  java
  • js实现分页

    /*用于页码显示*/
        function pagenum_show(pagenum){
            var str = '';
            str += "<span onClick = 'page_t(this)'>上一页</span>";
            for(var i = 0;i < pagenum;i++){
                if(i == 0){
                    str += "<span onClick = 'page_t(this)' flag = '1' class = 'flag_class'>"+(i+1)+"</span>";
                }else{
                    str += "<span onClick = 'page_t(this)' flag = '0' class = 'flag_class'>"+(i+1)+"</span>";
                }
                
            }
            str += "<span onClick = 'page_t(this)'>下一页</span>";
            $("#sheng_user_two").html(str);
        }
        
        function page_t(obj){
            var page_num = obj.innerHTML;//获取点击的span的值
            var arr = Array('上一页','下一页');
            //如果是上一页 下一页
                
            if(arr.indexOf(page_num) != -1){//如果要检索的字符串值没有出现,则该方法返回 -1;indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
                var nowval = $(".flag_class[flag='1']").html();
                if( page_num == '上一页' && nowval == '1' ){
                    alert('已经是首页');
                    return false;
                }
                if( page_num == '下一页' && nowval == $(".flag_class").length ){
                    alert('已经是尾页');
                    return false;
                }
        
                $(".flag_class").each(function(){
                    if($(this).html() == (+nowval-1) && page_num == '上一页'){
                        $(this).attr("flag",1);
                        page_num = +nowval-1;
                    }else if($(this).html() == (+nowval+1) && page_num == '下一页'){
                        $(this).attr("flag",1);
                        page_num = +nowval+1;
                    }else{
                        $(this).attr("flag",0);
                    }
                })    
            }else{
                        //z正常页码
                $(".flag_class").each(function(){
                    $(this).attr("flag",0);
                })
                $(obj).attr("flag",1);
            }
  • 相关阅读:
    Vue.js + Flask + echarts + MySQL
    一次挖矿处理
    Docker三剑客之Docker Swarm
    Malleable-C2-Profiles配置
    「持续更新中」最近浏览的网站心得总结
    有关虚拟内存的一点思考
    Qt---ToolBox自由伸展
    mindmaster导出markdown文档
    svg代码嵌入秀米的方法
    css3渐变透明度的写法
  • 原文地址:https://www.cnblogs.com/loveMis/p/8891797.html
Copyright © 2011-2022 走看看