::梦溪苑博客::

 自动分页 实现长文章分页js版

于 2008-08-07 11:47:56 发表  Javascript  浏览( )  评论( )  收藏这篇日志

前个时间发表了一个ASp版本的,可还是有破坏标签的 时候,于是写了一个js的。

代码如下面:

使用:把代码放到网页的下面。

<Script language="javascript">
    function autoSplit_js(){
        var LogObj = "AS_ContentDiv272"
        var MaxNum = 2000;
        //var MaxNum = ASCore.BlogAutoCutWordNum
        //autoPage=false;
        //if (MaxNum>0 ){ autoPage=true}
        //var LogObj = "AS_ContentDiv{$LogID}"
        var LogContent= document.getElementById(LogObj).innerHTML;
        var iChar=LogContent.length;
        var AutoPageStr="<br>";
        //if(autoPage==true){
            var arrContnet=new Array()
            //否是有手动分页标志:[NextPage]
            if(LogContent.indexOf("[NextPage]")>0 ){
                alert("有手动标志。");
                var arr = LogContent.split("[NextPage]");
                parts = arr.length;
                alert(parts)
                for(var i=1;i<=parts;i ){
                    arrContnet[i] =arr[i-1];
                    AutoPageStr  = "<span> <a href='javascript:void(0)' onclick='ToPage(" i ")'>第" i "页</a> </span>";
                }
                document.getElementById(LogObj).innerHTML=""
                document.getElementById(LogObj).innerHTML = arrContnet[1] AutoPageStr;
                //for(
            }else{
                alert("没有手动标志。");
                var parts = parseInt(iChar/MaxNum)
                if(parts > parseInt(iChar/MaxNum)*1.1){
                    parts = parts 1;
                }else{
                    parts = parseInt(iChar/MaxNum);
                }
                //如果达到分页的限制
                if(parts>1){
                    for(var i=1;i<=parts;i ){
                        arrContnet[i] = LogContent.substring((i-1)*2000, i*2000);
                        AutoPageStr  = "<span> <a href='javascript:void(0)' onclick='ToPage(" i ")'>第" i "页</a> </span>";
                    }
                    document.getElementById(LogObj).innerHTML=""
                    document.getElementById(LogObj).innerHTML = arrContnet[1] AutoPageStr;
                }//如果达到分页的限制结束
            }
        //}
        ToPage=function(a){
            document.getElementById(LogObj).innerHTML=""
            document.getElementById(LogObj).innerHTML=arrContnet[a] AutoPageStr;
        }
    }
    autoSplit_js();
</Script>

<div id="AS_ContentDiv272">,,这里是文章</div>

 暂无标签
正在读取日志的评论数据,请稍后……
正在加载日志评论签写框,请稍后……
成员登录通道
正在载入成员登录通道...
BLOG 日历助手
正在载入日历助手...
BLOG 统计信息
正在载入统计信息...
BLOG 日志归档
BLOG 最新评论
{$SideComment}
BLOG 最新留言
{$SideGB}
BLOG 站内搜索

BLOG 友情链接