本文目录一览:
- 1、怎样用JS实现网站分页,得到JS代码后如何使用?
- 2、JS分页代码?
- 3、通过js修改当前分页的样式?
- 4、javascript分页
- 5、求js分页,调用方法 页面样式
怎样用JS实现网站分页,得到JS代码后如何使用?
你是要ajax?建议用ajax的框架,假如你是用java的 ajaxanywhere是个比较好的框架。net直接拖就行了。。纯粹的js的分页那有什么意义?数据不分页的话,数据都读到页面上了,你服务器内存不会溢出吗
JS分页代码?
script language="javascript"
!--
function showPageLink(sUrl,iPage,iCount){
var i;
i=Math.max(1,iPage-1);
if(iPage==1){
document.write("span style='color:#7D7D7D'FONT face=Webdings9/FONT/span ");
document.write("span style='color:#7D7D7D'FONT face=Webdings7/FONT/span ");
}
else{
document.write("a href="" + sUrl + "1" title='第 1 页'FONT face=Webdings9/FONT/a ");
document.write("a href="" + sUrl + i + "" title='上一页(第 " + i + " 页)'FONT face=Webdings7/FONT/a ");
}
if(iPage6) document.write("span style='font-size:8px'···/span ");
for(i=Math.max(1,iPage-5);iiPage;i++){
document.write("a href=""+sUrl + i + "" title='第 " + i + " 页'b" + i + "/b/a ");
}
document.write("font color='#ff3333'b" + iPage + "/b/font ");
for(i=iPage+1;i=Math.min(iCount,iPage+5);i++){
document.write("a href=""+sUrl + i + "" title='第 " + i + " 页'b" + i + "/b/a ");
}
i=Math.min(iCount,iPage+1);
if(iCountiPage+5) document.write("span style='font-size:8px'···/span ");
if(iPage==iCount){
document.write("span style='color:#7D7D7D'FONT face=Webdings8/FONT/span ");
document.write("span style='color:#7D7D7D'FONT face=Webdings:/FONT/span ");
}
else{
document.write("a href="" + sUrl + i + "" title='下一页(第 " + i + " 页)'FONT face=Webdings8/FONT/a ");
document.write("a href="" + sUrl + iCount + "" title='最后一页(第 " + iCount + " 页)'FONT face=Webdings:/FONT/a ");
}
}
showPageLink("%=selfname%?page=",%=page%,%=totalpage%);
//--
/script
其中selfname为该页面的文件路径
page为当前页
totalpage为总页数
通过js修改当前分页的样式?
原则上像这样的功能,应该直接在asp中完成,而不是在前端通过js来实现,这纯属脱裤子放屁。
下面是修改后的代码,不再需要js:
i id="pronumber"%for i = 1 to n%a href="%=filename%?page=%=i%%=url%"span%if i=int(request("page")) then% style="background:red; color:#fff"%end if%%=i%/span/a%next%/i
另外,html标签的id是具有唯一性的,也就是说每个标签的id是不能相同的。如果出现相同,那么只有第一个才能被js找到。你的这些span都用了相同的id,所以样式始终被匹配到第一个span中。这就是你的代码的错误所在。此种情况应该用class而不是用id,class(类)是允许重复的。
javascript分页
你好,你看下是不是你要的代码呢,我还扩充了t[26]="利用JavaScript实现网页分页技术25|25.htm|2002.6.8|枫情"
t[27]="利用JavaScript实现网页分页技术26|26.htm|2002.6.8|枫情"
html
script language="JavaScript"
!--
var p=8
var t=new Array()
t[0]="利用JavaScript实现网页分页技术1|01.htm|2002.6.8|枫情"
t[1]="利用JavaScript实现网页分页技术2|02.htm|2002.6.8|枫情"
t[2]="利用JavaScript实现网页分页技术3|03.htm|2002.6.8|枫情"
t[3]="利用JavaScript实现网页分页技术4|04.htm|2002.6.8|枫情"
t[4]="利用JavaScript实现网页分页技术5|05.htm|2002.6.8|枫情"
t[5]="利用JavaScript实现网页分页技术6|06.htm|2002.6.8|枫情"
t[6]="利用JavaScript实现网页分页技术7|07.htm|2002.6.8|枫情"
t[7]="利用JavaScript实现网页分页技术8|08.htm|2002.6.8|枫情"
t[8]="利用JavaScript实现网页分页技术9|09.htm|2002.6.8|枫情"
t[9]="利用JavaScript实现网页分页技术10|10.htm|2002.6.8|枫情"
t[10]="利用JavaScript实现网页分页技术11|11.htm|2002.6.8|枫情"
t[11]="利用JavaScript实现网页分页技术12|12.htm|2002.6.8|枫情"
t[12]="利用JavaScript实现网页分页技术13|13.htm|2002.6.8|枫情"
t[13]="利用JavaScript实现网页分页技术14|14.htm|2002.6.8|枫情"
t[14]="利用JavaScript实现网页分页技术15|15.htm|2002.6.8|枫情"
t[15]="利用JavaScript实现网页分页技术16|16.htm|2002.6.8|枫情"
t[16]="利用JavaScript实现网页分页技术17|17.htm|2002.6.8|枫情"
t[17]="利用JavaScript实现网页分页技术18|18.htm|2002.6.8|枫情"
t[18]="利用JavaScript实现网页分页技术19|19.htm|2002.6.8|枫情"
t[19]="利用JavaScript实现网页分页技术20|20.htm|2002.6.8|枫情"
t[20]="利用JavaScript实现网页分页技术21|21.htm|2002.6.8|枫情"
t[21]="利用JavaScript实现网页分页技术22|22.htm|2002.6.8|枫情"
t[22]="利用JavaScript实现网页分页技术23|23.htm|2002.6.8|枫情"
t[23]="利用JavaScript实现网页分页技术24|24.htm|2002.6.8|枫情"
t[24]="利用JavaScript实现网页分页技术25|25.htm|2002.6.8|枫情"
t[25]="利用JavaScript实现网页分页技术26|26.htm|2002.6.8|枫情"
t[26]="利用JavaScript实现网页分页技术25|25.htm|2002.6.8|枫情"
t[27]="利用JavaScript实现网页分页技术26|26.htm|2002.6.8|枫情"
var totalPage=Math.ceil(t.length/p)
var curPage=1;
var str=window.location.toString();
if (str.indexOf("?")==-1)
str=str+"?1"
r=str.split("?")
curPage=parseInt(r[1],10);
w();
if (curPage1)
document.write("a href="+r[0]+"?"+(curPage-1)+"上一页/a");
else
document.write("上一页");
document.write(" 第"+(t.length-(curPage-1)*p)+"至");
if (curPagetotalPage)
document.write(t.length-(curPage)*p+1);
else
document.write("1");
document.write("条,总共有"+t.length+"条信息! ");
if (curPagetotalPage)
document.write("a href="+r[0]+"?"+(curPage+1)+"下一页/a");
else
document.write("下一页");
function w()
{
var c=new Array()
if (curPage=totalPage){
b=t.length;
s=(totalPage-1)*p;
}
else{
b=curPage*p;
s=(curPage-1)*p;
}
for (i=s;ib;i++)
{
try{
c=t[i].split("|")
document.write(" "+(t.length-i)+"、文 章 标 题a href="+c[1]+" target=_blank"+c[0]+"/a时间"+c[2]+"作者"+c[3]
+"br");
}catch(e){alert("i:"+i+",b:"+b+",s:"+s)}
}
}
// --
/script
/html
仔细理解它的内涵,我用//标出了我修改的地方,对比下原来的代码,看看它的思路吧,其实不难。
再给你推荐个网站,
若有问题,请到留言,只要在能力范围之内,肯定帮助。
论坛:
求js分页,调用方法 页面样式
div id="page"
ulli第111111页的内容/li/ul
ulli第222222页的内容/li/ul
ulli第333333页的内容/li/ul
/div
div id="innerpage"/div
script type="text/javascript"
//Page
var obj,j;
var page=0;
var nowPage=0; //当前页
var listNum=1; //每页显示条数
var PagesLen; //总页数
var PageNum=10; //分页链接数(5个)
onload=function(){
obj=document.getElementById("page").getElementsByTagName("ul");
j=obj.length
PagesLen=Math.ceil(j/listNum);
upPage(0)
}
function upPage(p){
nowPage=p
//内容变换
for (var i=0;ij;i++){
obj[i].style.display="none"
}
for (var i=p*listNum;i(p+1)*listNum;i++){
if(obj[i])obj[i].style.display="block"
}
strS='a href="JavaScript:FirstPage()" onclick="upPage(0)"首页/a '
var PageNum_2=PageNum%2==0?Math.ceil(PageNum/2)+1:Math.ceil(PageNum/2)
var PageNum_3=PageNum%2==0?Math.ceil(PageNum/2):Math.ceil(PageNum/2)+1
var strC="",startPage,endPage;
if (PageNum=PagesLen) {startPage=0;endPage=PagesLen-1}
else if (nowPagePageNum_2){startPage=0;endPage=PagesLen-1PageNum?PageNum:PagesLen-1}//首页
else {startPage=nowPage+PageNum_3=PagesLen?PagesLen-PageNum-1: nowPage-PageNum_2+1;var t=startPage+PageNum;endPage=tPagesLen?PagesLen-1:t}
for (var i=startPage;i=endPage;i++){
if (i==nowPage)strC+='a href="JavaScript:curPage()" class="curpage" onclick="upPage('+i+')"'+(i+1)+'/a '
else strC+='a href="#JavaScript:Page()" onclick="upPage('+i+')"'+(i+1)+'/a '
}
strE=' a href="JavaScript:LastPage()" onclick="upPage('+(PagesLen-1)+')"尾页/a '
strE2=nowPage+1+"/"+PagesLen+"页"+" 共"+j+"条"
document.getElementById("innerpage").innerHTML=strS+strC+strE+strE2
}
/script