如何用js处理在前台实现分页？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>分页</title><script type="text/javascript" src="jquery-1.2.5.js"></script><script type="text/javascript">window.onload = function dPage(){ var content = document.getElementById("bbb").innerHTML;}</script> </style></head><body><div id="bbb">对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫<div class="fpage"> </div>对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫<div class="fpage"> </div>对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫<div class="fpage"> </div>对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫</div></body></html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gbk"><title>分页</title><script type="text/javascript" src="jquery-1.2.5.js"></script><style> .page { margin:20px; } .page a { margin:0 5px; padding:1px 3px; display:inline-block; border:1px solid #000; } .current { color:#fff; background:#000; font-weight:bold; }</style></head><body><div id="bbb">对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫<div class="fpage"> </div>防守对方发广告广告古古怪怪古古怪怪防守对方发广告广告古古怪怪古古怪怪防守对方发广告广告古古怪怪古古怪怪<div class="fpage"> </div>对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫对方答复地方对方答复地方对方答复地方是大法师打发士大夫史蒂夫是大法师打发士大夫<div class="fpage"> </div>防守对方发广告广告古古怪怪古古怪怪防守对方发广告广告古古怪怪古古怪怪防守对方发广告广告古古怪怪古古怪怪</div><script type="text/javascript"> var $ = function(id){ return document.getElementById(id); }; var str = $('bbb').innerHTML.toLowerCase(); var ie = !+[1,]; var arr = ie ? str.split('<div class=fpage> </div>') : str.split('<div class="fpage"> </div>'); $('bbb').innerHTML = arr[0]; var page = document.createElement('div'); page.className = 'page'; page.id = 'page'; var tmp = ''; for(var i = 1, len = arr.length; i <= len; i++){ tmp += '<a href="javascript:test('+(i-1)+');">'+i+'</a>'; } page.innerHTML = tmp; document.body.appendChild(page); var a = document.getElementById('page').getElementsByTagName('a') function test(i){ $('bbb').innerHTML = arr[i]; for(var j = 0, len = a.length; j < len; j++){ a[j].className = ''; } a[i].className = 'current'; }</script></body></html>