html长文章分页

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>New Document </title>
    <meta name="Generator" content="EditPlus">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <style>
        *
        {
            font-size: 10.2pt;
            font-family: tahoma;
            line-height: 150%;
        }
        .divContent
        {
            border: 1px solid red;
            background-color: #FFD2D3;
            width: 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>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明,学习好功课的重要性。 </p><p>她说:“牛顿坐在树下,眼睛盯着树在思考,这时,有一个苹果落在他的头上,于是他发现了万有引力定律,孩子们,你们想想看,做一位伟大的科学家多么好,多么神气啊,要想做到这一点,就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说:“兴许是这样,可是,假如他坐在学校里,埋头书本,那他就什么也发现不了啦。” </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_x("DIV");
                    document.body.appendChild(divExecuteTime);

                }
                catch (e) {


                }
                if (document.getElementByIdx_x("divContent")) {

                    divDisplayContent = document.getElementByIdx_x("divContent");

                }
                else {

                    try {

                        divDisplayContent = document.createElement_x("DIV");
                        divDisplayContent.id = "divContent";
                        document.body.appendChild(divDisplayContent);

                    }
                    catch (e) {

                        return false;

                    }

                }

                if (document.getElementByIdx_x("divPagenation")) {

                    divDisplayPagenation = document.getElementByIdx_x("divPagenation");

                }
                else {

                    try {

                        divDisplayPagenation = document.createElement_x("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)" οnclick="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)" οnclick="DHTMLpagenation.goto(' + i + ');">' + i + '</a>&nbsp;&nbsp;';
                    else
                        strDisplayPagenation += i + "&nbsp;&nbsp;";

                }

                if (currentPage && currentPage != pageSizeCount)
                    strDisplayPagenation += '<a href="javascript:void(0)" οnclick="DHTMLpagenation.next()">下一页</a>&nbsp;&nbsp;';
                else
                    strDisplayPagenation += "下一页&nbsp;&nbsp;";

                strDisplayPagenation += "共 " + pageSizeCount + " 页,每页" + perpageLength + " 字符,调整字符数:<input type='text' value='" + perpageLength + "' id='ctlPerpageLength'><input type='button' value='确定' οnclick='DHTMLpagenation.change(document.getElementByIdx_x(\"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>


  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值