js 如何根据标签内容分页

wuqianghappy 2010-01-13 09:28:33

我输入一段内容，只要内容里包含分页符，JS就可以自行判断并分页，哪位大哥大姐会啊！小弟感激不尽，谢谢

...全文

137 2 打赏收藏举报

写回复

2 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

wuqianghappy 2010-01-15

打赏
举报

牛，佩服加分

Inpool 2010-01-14

打赏
举报

简单实现一下，分页符为{$nextpage$}：

<html>

<title></title>

<script type="text/javascript">

function gotopage(pageIndex){

  document.getElementById("result").innerHTML = buffer[pageIndex];

}

window.onload = function(){

  var spliter = "{$nextpage$}";

  document.getElementById("do").onclick = function(){

    window.buffer = document.getElementById("content").value.split(spliter);

    document.getElementById("result").innerHTML = buffer[0];

    if(buffer.length == 1){      

      return;

    }

    var i = 0, pager = document.createElement("div");

    while(i<buffer.length){

      var pageLink = document.createElement("a"),

          linkText = "第"+(i+1)+"页";

      pageLink.appendChild(document.createTextNode(linkText));

      pageLink.href = "javascript:;";

      pageLink.onclick = new Function("gotopage("+i+");");

      pager.appendChild(pageLink);

      i++;

    }

    document.body.replaceChild(pager,document.getElementById("pager"));

  }

}

</script>

<head>

</head>

<body>

    <textarea id="content" style="width:400px;height:3000px;"></textarea>

    <input type="button" value="ClickMe" id="do" />

    <div id="result"></div>

    <div id="pager"></div>

</body>

</html>