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