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用正则表达式截取分页符之间的内容进行分页。
