例子，js分頁顯示div內容。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div分頁顯示_腳本學堂_www.jbxue.com</title>
<style type="text/css">
#frameContent{
width:500px; /*調整顯示區的寬*/
height:200px; /*調整顯示區的高*/
font-size:14px;
line-height:20px;
border:1px solid #000000;
overflow-pageINdex:hidden;
overflow-y:hidden;
word-break:break-all;
}
a{
font-size:12px;
color:#000000;
text-decoration:underline;
}
a:hover{
font-size:12px;
color:#CC0000;
text-decoration:underline;
}
</style>
</head>
<body>
<div id="frameContent">
<p>18. Proxy-Authenticate： 代理服務器響應瀏覽器，要求其提供代理身份驗證信息。<br />
Proxy-Authorization：瀏覽器響應代理服務器的身份驗證請求，提供自己的身份信息。</p>
<p>19. Range：瀏覽器（比如 Flashget 多線程下載時）告訴 WEB 服務器自己想取對象的哪部分。<br />
例如：Range: bytes=1173546-</p>
<p>20. Referer：瀏覽器向 WEB 服務器表明自己是從哪個 網頁/URL 獲得/點擊 當前請求中的網址/URL。<br />
例如：Referer：http://www.jbxue.com/</p>
<table cellspacing="0" cellpadding="0" align="left" border="0">
<tbody>
<tr>
<td valign="top"></td>
</tr>
<tr>
<td></td>
</tr>
</tbody>
</table>
<p>18. Proxy-Authenticate： 代理服務器響應瀏覽器，要求其提供代理身份驗證信息。<br />
Proxy-Authorization：瀏覽器響應代理服務器的身份驗證請求，提供自己的身份信息。</p>
<p>19. Range：瀏覽器（比如 Flashget 多線程下載時）告訴 WEB 服務器自己想取對象的哪部分。<br />
例如：Range: bytes=1173546-</p>
<p>20. Referer：瀏覽器向 WEB 服務器表明自己是從哪個 網頁/URL 獲得/點擊 當前請求中的網址/URL。<br />
例如：Referer：http://www.jbxue.com/</p>
<p>21. Server: WEB 服務器表明自己是什麼軟件及版本等信息。<br />
例如：Server：Apache/2.0.61 (Unix)</p>
<p>22. User-Agent: 瀏覽器表明自己的身份（是哪種瀏覽器）。<br />
例如：User-Agent：Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14</p>
<p>23. Transfer-Encoding: WEB 服務器表明自己對本響應消息體（不是消息體裏面的對象）作了怎樣的編碼，比如是否分塊（chunked）。<br />
例如：Transfer-Encoding: chunked</p>
<p>24. Vary: WEB服務器用該頭部的內容告訴 Cache 服務器，在什麼條件下才能用本響應所返回的對象響應後續的請求。假如源WEB服務器在接到第一個請求消息時，其響應消息的頭部爲：<br />
Content-Encoding: gzip; Vary: Content-Encoding 那麼 Cache 服務器會分析後續請求消息的頭部，檢查其 Accept-Encoding，是否跟先前響應的 Vary 頭部值一致，即是否使用相同的內容編碼方法，這樣就可以防止 Cache 服務器用自己Cache 裏面壓縮後的實體響應給不具備解壓能力的瀏覽器。<br />
例如：Vary：Accept-Encoding</p>
<p>25. Via： 列出從客戶端到 OCS 或者相反方向的響應經過了哪些代理服務器，他們用什麼協議（和版本）發送的請求。當客戶端請求到達第一個代理服務器時，該服務器會在自己發出的請求裏面添加 Via 頭部，並填上自己的相關信息，當下一個代理服務器 收到第一個代理服務器的請求時，會在自己發出的請求裏面複製前一個代理服務器的請求的Via 頭部，並把自己的相關信息加到後面， 以此類推，當 OCS 收到最後一個代理服務器的請求時，檢查 Via 頭部，就知道該請求所經過的路由。<br />
例如：Via：1.0 236-81.D07071953.sina.com.cn:80 (squid/2.6.STABLE13)。<br />
<!-- ..STYLE1 {color: #000000;font-weight: bold;font-size: 14px;} ..STYLE4 {color: #000000} ..STYLE5 {color: #000000; font-weight: bold;} ..STYLE6 {color: #000000}-->
</div>
<P>
<div id="pages" style="font-size:12px;"></div>
<script language="javascript">
var obj = document.getElementById("frameContent"); //獲取內容層
var pages = document.getElementById("pages"); //獲取翻頁層
var pgindex=1; //當前頁
window.onload = function() //重寫窗體加載的事件
{
var allpages = Math.ceil(parseInt(obj.scrollHeight)/parseInt(obj. offsetHeight));//獲取頁面數量
pages.innerHTML = "<b>共"+allpages+"頁</b>"; //輸出頁面數量
for (var i=1;i<=allpages;i++){
pages.innerHTML += "<a href=\"javascript:showPage('"+i+"');\">第"+i+"頁</a> ";
//循環輸出第幾頁
}
pages.innerHTML += " <a href=\"javascript:gotopage('-1');\">上一頁</a> <a href=\"javascript:gotopage('1');\">下一頁</a>"
}
function gotopage(value){
try{
value=="-1"?showPage(pgindex-1):showPage(pgindex+1);
}catch(e){
}
}
function showPage(pageINdex)
{
obj.scrollTop=(pageINdex-1)*parseInt(obj.offsetHeight); //根據高度，輸出指定的頁
pgindex=pageINdex;
}
</script>
</body>
</html>您可能感興趣的文章：
php長文章分頁的實現代碼php文本文章分頁代碼示例