现在的位置: 首页 > 综合 > 正文

js 控制文章长篇内容分页

2013年02月13日 ⁄ 综合 ⁄ 共 2872字 ⁄ 字号 评论关闭
<%@ 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用正则表达式截取分页符之间的内容进行分页。

抱歉!评论已关闭.