e路js分页样式类资源的简单介绍

本文目录一览：

• 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