Question

JS如何控制分页

我没有学过JS，想问下怎么用JS控制分页，下面是代码：

Html代码：
<div class="wrap" style="margin-top:300px;">
<div class="fenye">
<ul>
<li id="first">首页</li>
<li id="top" onclick="topclick()">上一页</li>
<li class="xifenye" id="xifenye">
<a id="xiye">1</a>/<a id="mo">50</a>
<div class="xab" id="xab" style="display:none">
<ul id="uljia">
</ul>
</div>
</li>
<li id="down" onclick="downclick()">下一页</a></li>
<li id="last">末页</li>
</ul>
</div>
</div>

public.js 代码：
//分页的显示与隐藏
$("#xifenye").click(function(a){
$("#uljia").empty();
$("#xab").toggle();
//显示出的一共多少页
var uljia=$("#uljia");
var page=parseInt($("#xiye").html());//获取当前的页数
var pages=parseInt($("#mo").html());//获取当前的总页数
for(var i=1;i<=pages;i++)
{
var H="<li onclick='fl("+i+","+pages+")'>"+i+"</li>";//添加一共多少页和点击事件
uljia.append(H);
}
scrolltop(page);
})
//点击分页显示的方法
function fl(p1,p2){
//var p=p1;
$("#xiye").empty();
$("#xiye").html(p1);//给显示的页数赋值
}
//分页的的上一页和下一页
function topclick(){
var v=document.getElementById("xiye");
var num=v.innerHTML;
if(num>1)
{
num--;
v.innerHTML=num;
var hei=25*num-25;
$("#xab").scrollTop(hei);
}
}
function downclick(){
var pages=parseInt($("#mo").html());//获取当前的总页数
var v=$("#xiye");
var num=parseInt(v.html());
if(num < pages){
num = ++num;
v.html(num);
scrolltop(num);
}
}
//分页的的首页和未页
$("#first").bind("click",function(){
var v=document.getElementById("xiye");
v.innerHTML=1;
scrolltop(v.innerHTML);
})
$("#last").bind("click",function(){
var v=document.getElementById("xiye");
var l=document.getElementById("mo");
v.innerHTML=l.innerHTML;
scrolltop(v.innerHTML);
})
//滚动条
function scrolltop(top){
var hei=25*top-25;
$("#xab").scrollTop(hei);
}

类如用 ASP 写 ， JS该如何获取 ASP的值...........

求个最简单明了的实例代码，比如 以 News.asp?page=1 为例 代码后面加注释 跪求 谢谢 ！！

Answer 1

//js获取url上的参数

function getParam(name)  {    
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");    
        var r = window.location.search.substr(1).match(reg);    
        if (r != null)
            return unescape(r[2]);
        return null;    
 }

var page  = getParam('page');

追问

还是不会啊， 给个完整案例好吗

Answer 2

可以参考一下这个
http://blog.csdn.net/steven_2669/article/details/77069574