js分页页码算法

function get_hs_page(cur_page, total_page) {
    var result = "";
    for(var i = 1; i <= total_page; i++) {
        if(i == 2 && cur_page - 6 > 1) {
            i = cur_page - 6;
        }else if(i == cur_page + 6 && cur_page + 6 < total_page) {
            i = total_page - 1;
        }else{
            if(i == cur_page){
                result += "<li><a style=‘background-color:#e7e7e7;‘ href=‘/topic?page="+i+"&type=hs‘>"+i+"</a></li>";
            }else{
                result += "<li><a href=‘/topic?page="+i+"&type=hs‘>"+i+"</a></li>";
            }

        }
    }
    return result;
} 

注意:cur_page为当前页,total_page为总页数。

js分页页码算法,布布扣,bubuko.com

时间: 2024-10-21 14:18:09

js分页页码算法的相关文章

js分页页码

<1> <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "ht

jsp、js分页功能的简单总结

一.概述 首先,我们要明确为何需要分页技术,主要原因有以下: 1.分页可以提高客户体验度,适当地选择合适的数据条数,让页面显得更有条理,使得用户体验感良好,避免过多数据的冗余. 2.提高性能的需要.分页技术,有选择的加载某部分数据,在数据量较大的时候,分部分加载数据.显示数据,可以有效提高程序的性能,当然,单纯的js的分页技术并没有这种效果. 所以,分页技术是web技术中比较常用的技术,而下面讨论的主要是两种分页技术:一种是jsp的分页技术,其读取数据分批次读取,操作页数跳转的时候才加载相应页面

js 分页

分页JS代码 <!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>分页JS代码</title><style type="text/css">.page{margin:2em;}.page a{text-decor

JS分页 + 获取MVC地址栏URL路径的最后参数

1 @{ 2 Layout = null; 3 } 4 5 <!DOCTYPE html> 6 7 <html> 8 <head> 9 <meta name="viewport" content="width=device-width" /> 10 <title>AjaxPage</title> 11 <script src="/Scripts/jquery-1.7.1.js&q

js分页小结

今天解决了JS分页的问题1 页码 给每页的内容套一个相同的类名 通过选择器加上.length或者.size() 来获得总页数2当前页的页码可以使用each(function(index,DOMsss){ $(this)})便利元素的方式添加当前页码3 特殊情况分页 用JS复制要分页的内容 通过灵活使用选择器删除多余内容 追加一个页面.after() 删除上一页显示的内容.remove()4有个.clone()直接复制当前元素并返回好像比赋值给一个变量的方法简单不少

关于分页页码制作

昨晚看了一点关于SEO的东西,然后有提及些分页页码的注意事项,以前也没怎么细思过. 1. 这样的分页比如你想浏览第十页的内容,就要一直点击下一页才能找到--造成用户体验比较差,而且搜索引擎也不喜欢. 2. 这样的分页就好了点,如果想要访问第十页就可以直接转到第十页了,但是页面超多就难以全都铺开来呀. 3. 所以就有了这样的带着下拉列表的分页页码. 然后现在在看视频 1.用什么标签,用<a>还是用<span><div>? 我:应该是要用a的吧,可以在href属性中添加真实

js分页的一些思考

一两年之前在写java的时候,分页的逻辑是写在后端的,用java去实现,jsp是动态展示页码和数据.但是对于一个用ajax加载的分页数据来说,分页的逻辑必须也在前端完成,那么就不得不去思考一下在js里如何完成分页. 在开始之前,我们不妨撕思考一下,我们要展示的分页数据是什么样的,因为如果是不同的数据,那我们展示分页的代码应该是不一样的. 其中就有一种是后端push过来的数据是全部的数据,我们在一个页面不方便展示,从而考虑模拟分页,总之从后端拿过来的是一个数组,我们根据不同的页码取数组中不同的部分

js分页

<!DOCTYPE html> <html> <head> <title>js分页</title> <style type="text/css"> /*表格样式*/ .tbData { border-collapse:collapse; border-spacing:0px; border:solid 3px #ddd; font-size:14px; font-family:Consolas; color:#33

Web分页页码的制作

效果图: HTML代码 <!doctype html><html><head> <meta charset="utf-8"> <title>分页页码</title> <link rel="stylesheet" type="text/css" href="style.css" ></head> <body ><di