js 控制文章长篇内容分页-优快云博客

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="jsPageLocation.aspx.cs" Inherits="jsPageLocation" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        #div
        {
            width: 800px;
            margin: 0 auto;
            border: solid 1px #ccc;
        }
        #div ul
        {
            margin: 0px;
            padding: 0px 10px 0px 10px;
        }
        li
        {
            margin: 0px;
            padding: 0px 10px 0px 10px;
            list-style-type: none;
            line-height: 28px;
            font-size: 14px;
            color: #414141;
        }
        .span
        {
            text-align: center;
            border: solid 1px #414141;
            margin: 0px 0px 0px 10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div">
        <ul>
            <li class="info_title"><span id="ctl00_cph_right_center_pro_title">DMC系列脉冲袋式除尘器</span>
            </li>
            <li id="ctl00_cph_right_center_pro_content" class="pro_content">
                <h2>
                    DMC系列脉冲袋式除尘器</h2>
                DMC系列脉冲袋式除尘器，它是一款完全引进国外高新技术的除尘器。它采用圆形滤袋设计、高压脉冲喷吹清灰，是一款全自动控制的高效除尘装置，是中央集尘系统未端粉尘收集的理想设备
                <div>
                    <strong>特点：<br />
                    </strong>
                </div>
                <ul>
                    <li>对净化含有显微尘（粒径0.25um-10um)、亚显微尘（粒径<0.25um)的气体效率较高，一般可达99.9%以上：</li>
                    <li>袋式除尘器可捕集多种干性粉尘，特别是高比电阻粉尘，其净化效率要比采用静电除尘器的净化效率高很多；</li>
                    <li>适应含尘气体浓度范围变化相当大的除尘，当气体浓度变化时，除尘器除尘效率与除尘器的阻力变化很少；</li>
                    <li>袋式除尘器可设计制造出适应不同烟气量的含尘气体的处理要求，设计制造的除尘风量可由5000m3/h-1000000m3/h</li>
                    <li>安装方法多样，使用方法多样，可安装在散尘设备上或散尘设备附近，也可以安装在车上做成移动式过滤器，适应中央除尘，也适应单台设备除尘，可对固定尘源除尘，也可对不固定尘源除尘</li>
                    <li>运行稳定可靠，操作、维护简单，无二次污染</li>
                    <li>过滤材料具有各种选择，针对于不同的客户，可选用耐高温，而酸碱，防静电，防水气，防油气，等等各型材料</li>
                    <li>高压在线连续脉冲气流清灰效果彻底，设备不受清灰的影响连续工作，适应高浓度的含尘气体。</li>
                    <li>采用IC控制系统。</li>
                </ul>
                <p>
                    <strong>规格：</strong></p>
                <ul>
                    <li>YC-DMC（10-100）型</li>
                    <li>功率（HP）10HP-300HP</li>
                    <li>风量（M3/MIN）:500-200000</li>
                    <li>过滤面积（M2）10-4100</li>
                    <li>风压（MMAQ）:150-350</li>
                    <li>逆洗空气量（L/M）:115-8000</li>
                    <li>除尘效率（%）:99.5-99.9</li>
                </ul>
                <p>
                    <strong>适用行业：<br />
                    </strong>       PCB印刷电路板、线路板业、电子业、制鞋、木业、食品、饲料、皮革、化工、橡胶、塑胶、研磨、铸造、锅炉、窑业、  
                    农业、医业、沥青拌和、水泥、表明处理、半导体……等。<br />
                     </p>
            </li>
        </ul>
    </div>
    <%--    <div id="div">
    </div>--%>
    </form>
</body>
</html>

<script type="text/javascript">
    function $(str) { return document.getElementById(str); }
    var temp = $("div").innerHTML;
    var page_index = 0;
    pageLoad(501, 0);


    function pageLoad(length, index) {
        if (temp.length > length) {

            var temp_length = parseInt(length) * parseInt(index);
            var sub_length = parseInt(length) + temp_length;

            var str = temp.substring(temp_length, sub_length);

            var regx = /^[\<]/;

            if (regx.test(str))
                $("div").innerHTML = str;
            else {
                str = "<" + str;
                $("div").innerHTML = str;
            }
            if (str.length >= length) {
                $("div").appendChild(nextPage());
            }
            if (page_index > 0) {
                $("div").appendChild(previous_page());
            }
        } else {
            $("div").inneHTML = temp;
        }
    }
    //下一页
    function nextPage() {
        var span = document.createElement("span");
        span.innerHTML = "下一页";
        span.className = "span";

        span.onclick = function () {
            page_index++;
            pageLoad(501, page_index);
        }

        return span;
    }
    //上一页
    function previous_page() {
        var span = document.createElement("span");
        span.innerHTML = "上一页";
        span.className = "span";

        span.onclick = function () {
            page_index--;
            pageLoad(501, page_index);
        }
        return span;
    }
</script>

这种方法兼容性不强，可以用网页编辑器在编辑内容时就划分指定的段插入分页符，然后JS用正则表达式截取分页符之间的内容进行分页。

转载于:https://www.cnblogs.com/solomon_Blog/archive/2011/05/25/2056296.html