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

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <style>
    * {
    font-size:10.2pt;
    font-family:tahoma;
    line-height:150%;
    }
    .divContent
    {
    border:1px solid red;
    background-color:#FFD2D3;
    500px;
    word-break:break-all;
    margin:10px 0px 10px;
    padding:10px;
    }
    </style>
    </HEAD>
    <BODY>
    header
    <div id="divPagenation"></div>
    <div id="divContent"></div>
    footer
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    s="<p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:&ldquo;牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。&rdquo; </p><p>&ldquo;班上一个调皮鬼对此并不满意。他说:&ldquo;兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。&rdquo; </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:&ldquo;牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。&rdquo; </p><p>&ldquo;班上一个调皮鬼对此并不满意。他说:&ldquo;兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。&rdquo; </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:&ldquo;牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。&rdquo; </p><p>&ldquo;班上一个调皮鬼对此并不满意。他说:&ldquo;兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。&rdquo; </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:&ldquo;牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。&rdquo; </p><p>&ldquo;班上一个调皮鬼对此并不满意。他说:&ldquo;兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。&rdquo; </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:&ldquo;牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。&rdquo; </p><p>&ldquo;班上一个调皮鬼对此并不满意。他说:&ldquo;兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。&rdquo; </p>";
    function DHTMLpagenation(content) { with (this)
    {
    // client static html file pagenation
    this.content=content;
    this.contentLength=content.length;
    this.pageSizeCount;
    this.perpageLength=100; //default perpage byte length.
    this.currentPage=1;
    //this.regularExp=/.+[?&]{1}page=(d+)/;
    this.regularExp=/d+/;
    this.divDisplayContent;
    this.contentStyle=null;
    this.strDisplayContent="";
    this.divDisplayPagenation;
    this.strDisplayPagenation="";
    arguments.length==2?perpageLength=arguments[1]:'';
    try {
    divExecuteTime=document.createElement("DIV");
    document.body.appendChild(divExecuteTime);
    }
    catch(e)
    {
    }
    if(document.getElementById("divContent"))
    {
    divDisplayContent=document.getElementById("divContent");
    }
    else
    {
    try
    {
    divDisplayContent=document.createElement("DIV");
    divDisplayContent.id="divContent";
    document.body.appendChild(divDisplayContent);
    }
    catch(e)
    {
    return false;
    }
    }
    if(document.getElementById("divPagenation"))
    {
    divDisplayPagenation=document.getElementById("divPagenation");
    }
    else
    {
    try
    {
    divDisplayPagenation=document.createElement("DIV");
    divDisplayPagenation.id="divPagenation";
    document.body.appendChild(divDisplayPagenation);
    }
    catch(e)
    {
    return false;
    }
    }
    DHTMLpagenation.initialize();
    return this;
    }};
    DHTMLpagenation.initialize=function() { with (this)
    {
    divDisplayContent.className=contentStyle!=null?contentStyle:"divContent";
    if(contentLength<=perpageLength)
    {
    strDisplayContent=content;
    divDisplayContent.innerHTML=strDisplayContent;
    return null;
    }
    pageSizeCount=Math.ceil((contentLength/perpageLength));
    DHTMLpagenation.goto(currentPage);
    DHTMLpagenation.displayContent();
    }};
    DHTMLpagenation.displayPage=function() { with (this)
    {
    strDisplayPagenation="分页:";
    if(currentPage&&currentPage!=1)
    strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页</a>&nbsp;&nbsp;';
    else
    strDisplayPagenation+="上一页&nbsp;&nbsp;";
    for(var i=1;i<=pageSizeCount;i++)
    {
    if(i!=currentPage)
    strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+'</a>&nbsp;&nbsp;';
    else
    strDisplayPagenation+=i+"&nbsp;&nbsp;";
    }
    if(currentPage&&currentPage!=pageSizeCount)
    strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页</a>&nbsp;&nbsp;';
    else
    strDisplayPagenation+="下一页&nbsp;&nbsp;";
    strDisplayPagenation+="共 " + pageSizeCount + " 页,每页" + perpageLength + " 字符,调整字符数:<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById("ctlPerpageLength").value);'>";
    divDisplayPagenation.innerHTML=strDisplayPagenation;
    }};
    DHTMLpagenation.previous=function() { with(this)
    {
    DHTMLpagenation.goto(currentPage-1);
    }};
    DHTMLpagenation.next=function() { with(this)
    {
    DHTMLpagenation.goto(currentPage+1);
    }};
    DHTMLpagenation.goto=function(iCurrentPage) { with (this)
    {
    startime=new Date();
    if(regularExp.test(iCurrentPage))
    {
    currentPage=iCurrentPage;
    strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
    }
    else
    {
    alert("page parameter error!");
    }
    DHTMLpagenation.displayPage();
    DHTMLpagenation.displayContent();
    }};
    DHTMLpagenation.displayContent=function() { with (this)
    {
    divDisplayContent.innerHTML=strDisplayContent;
    }};
    DHTMLpagenation.change=function(iPerpageLength) { with(this)
    {
    if(regularExp.test(iPerpageLength))
    {
    DHTMLpagenation.perpageLength=iPerpageLength;
    DHTMLpagenation.currentPage=1;
    DHTMLpagenation.initialize();
    }
    else
    {
    alert("请输入数字");
    }
    }};
    // method
    // DHTMLpagenation(strContent,perpageLength)
    DHTMLpagenation(s,100);
    //-->
    </SCRIPT>
    </BODY>
    </HTML>

  • 相关阅读:
    多表联合查询,利用 concat 模糊搜索
    order by 中利用 case when 排序
    Quartz.NET 3.0.7 + MySql 动态调度作业+动态切换版本+多作业引用同一程序集不同版本+持久化+集群(一)
    ASP.NET Core 2.2 基础知识(十八) 托管和部署 概述
    ASP.NET Core 2.2 基础知识(十七) SignalR 一个极其简陋的聊天室
    ASP.NET Core 2.2 基础知识(十六) SignalR 概述
    ASP.NET Core 2.2 基础知识(十五) Swagger
    ASP.NET Core 2.2 基础知识(十四) WebAPI Action返回类型(未完待续)
    linux磁盘管理 磁盘查看操作
    linux磁盘管理 文件挂载
  • 原文地址:https://www.cnblogs.com/yuan-2012/p/3492171.html
Copyright © 2011-2022 走看看