请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
邮件列表客服QQ 800003860切换到窄版
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步，快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物，来参加蓝色理想积分兑换吧！ 联系招聘客服 蓝色理想帮你找工作！ 万元奖励等你拿——点点网模板设计大赛

经典论坛 › 论坛 › 网站开发区 › 前台制作与脚本专栏 › 生成html静态文件后的分页（客户端版）
返回列表 发新帖
查看: 19630|回复: 27

生成html静态文件后的分页（客户端版） [复制链接]

BlueMiracle　楼主

木偶屋

钻石会员 手机认证 

帖子
152
体力
5603
威望
19
发表于 2006-2-16 13:33:00 |显示全部楼层
一般情况，都在服务器端完成，完成生，生成类似02.html,20_1.html，这样一来一个文章就有两个文件，假如说，我数据库中有1000条记录，平均每条记录生成2个html静态文件，那么将会有2000个文件。我是不太喜欢文件太多的，于是想到用客户端来进行分页查看，下面是代码（代码没有经过优化），仅为测试版。

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. <META NAME="Generator" CONTENT="EditPlus">
  6. <META NAME="Author" CONTENT="">
  7. <META NAME="Keywords" CONTENT="">
  8. <META NAME="Description" CONTENT="">
  9. <style>
  10. * {
  11.         font-size:10.2pt;
  12.         font-family:tahoma;
  13.         line-height:150%;
  14. }
  15. .divContent
  16. {
  17.         border:1px solid red;
  18.         background-color:#FFD2D3;
  19.         width:500px;
  20.         word-break:break-all;
  21.         margin:10px 0px 10px;
  22.         padding:10px;
  23. }
  24. </style>
  25. </HEAD>

  27. <BODY>
  28. header
  29. <div id="divPagenation"></div>
  30. <div id="divContent"></div>
  31. footer
  32. <SCRIPT LANGUAGE="JavaScript">
  33. <!--
  34. s="<p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p>";
  35. function DHTMLpagenation(content)
  36. {
  37.         // client static html file pagenation

  39.         var contentLength=content.length;
  40.         var pageSizeCount;
  41.         var perpageLength=100; //default perpage byte length.
  42.         var currentPage;
  43.         var locationURL=location.href;
  44.         var regularExp=/.+[\?\&]{1}page=(\d+)/;

  46.         var divDisplayContent;
  47.         var strDisplayContent="";
  48.         var divDisplayPagenation;
  49.         var strDisplayPagenation;

  51.         arguments.length==2?perpageLength=arguments[1]:'';

  53.         pageSizeCount=Math.ceil((contentLength/perpageLength));
  54.         strDisplayPagenation="pagenation：";

  56.         if(document.getElementById("divContent"))
  57.         {
  58.                 divDisplayContent=document.getElementById("divContent");
  59.         }
  60.         else
  61.         {
  62.                 try
  63.                 {
  64.                         divDisplayContent=document.createElement("DIV");
  65.                         divDisplayContent.id="divContent";
  66.                         document.body.appendChild(divDisplayContent);
  67.                 }
  68.                 catch(e)
  69.                 {
  70.                         return false;
  71.                 }
  72.         }
  73.         divDisplayContent.className="divContent";

  75.         if(document.getElementById("divPagenation"))
  76.         {
  77.                 divDisplayPagenation=document.getElementById("divPagenation");
  78.         }
  79.         else
  80.         {
  81.                 try
  82.                 {
  83.                         divDisplayPagenation=document.createElement("DIV");
  84.                         divDisplayPagenation.id="divPagenation";
  85.                         document.body.appendChild(divDisplayPagenation);
  86.                 }
  87.                 catch(e)
  88.                 {
  89.                         return false;
  90.                 }
  91.         }

  93.         if(contentLength<=perpageLength)
  94.         {
  95.                 strDisplayContent=content;
  96.                 divDisplayContent.innerHTML=strDisplayContent;
  97.                 return;
  98.         }

  100.         for(var i=1;i<=pageSizeCount;i++)
  101.                 strDisplayPagenation+='<a href="?page='+i+'">'+i+'</a> ';

  103.         divDisplayPagenation.innerHTML=strDisplayPagenation;

  105.         if(regularExp.test(locationURL))
  106.         {
  107.                 currentPage=RegExp.$1;
  108.                 strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
  109.         }
  110.         else
  111.         {
  112.                 strDisplayContent=content.substr(0,perpageLength);
  113.         }
  114.         divDisplayContent.innerHTML=strDisplayContent;
  115. }
  116. DHTMLpagenation(s)
  117. //-->
  118. </SCRIPT>
  119. </BODY>
  120. </HTML>
复制代码
http://hi.baidu.com/mow520
西部数码顶级域名注册商39元抢注！

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-2-16 14:42:00 |显示全部楼层
呵呵，想法不错。不过存在几个问题：

0 既然是客户端分页，那何必要整个页面再次进行更新，直接在客户端分页就可以了。也就是说那些超链接导航中采用脚本读取对应页面显示即可。
1 如果客户端的脚本出现问题，没法使用，那文章就看不见了？
2 你文章内容的截取采用非常简单的将innerHTML截断掉，如果内容中存在另外的html标签，那就很可能被截断，导致整个页面变形。

客户端的分页我也一直在寻找突破口，目前有几个点：

1 最好是先将所有内容都显示出来，然后使用脚本将内容块隐藏掉，处理完再放出来。只要小心点，应该不会有闪烁。

2 目前自己感觉最麻烦的就是如何只能的将一整段html截断，而截断之后的内容不会出现异常，比如表格截断，一些加重标记被截断，颜色被截断之类可能产生不良显示效果的文字。当前只想到了将所有内容分段（比如按照p分段），然后以最合适的长度平均分页，但可能出现某页面特别长，而某些页面又只有几行的情况。

子叶：子乌的叶子
子乌书简
租服务器，上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

BlueMiracle　楼主

木偶屋

钻石会员 手机认证 

帖子
152
体力
5603
威望
19
发表于 2006-2-16 15:04:00 |显示全部楼层
Sheneyan在上个帖子中说
呵呵，想法不错。不过存在几个问题：

0 既然是客户端分页，那何必要整个页面再次进行更新，直接在客户端分页就可以了。也就是说那些超链接导航中采用脚本读取对应页面显示即可。
1 如果客户端的脚本出现问题，没法使用，那文章就看不见了？
2 你文章内容的截取采用非常简单的将innerHTML截断掉，如果内容中存在另外的html标签，那就很可能被截断，导致整个页面变形。

客户端的分页我也一直在寻找突破口，目前有几个点：

1 最好是先将所有内容都显示出来，然后使用脚本将内容块隐藏掉，处理完再放出来。只要小心点，应该不会有闪烁。

2 目前自己感觉最麻烦的就是如何只能的将一整段html截断，而截断之后的内容不会出现异常，比如表格截断，一些加重标记被截断，颜色被截断之类可能产生不良显示效果的文字。当前只想到了将所有内容分段（比如按照p分段），然后以最合适的长度平均分页，但可能出现某页面特别长，而某些页面又只有几行的情况。




谢谢子乌的回复和建议
我晚上回去会完善一些这个代码，希望你能多提些建议，thanks.

我已经考虑到这个两个问题了，，
1.关于标记被截段的问题
re:一般情况下是寻找一些特殊的标记（如table，p，pre，以及常用的一些HTML标记）来分别进行解析，如果是这样，那样解析这些标记就是个麻烦事儿了，呵呵，现在只能想到这个办法，似乎这个应该叫“智能分页”。

2.关于分页之后重新载入，这个我也想到了，不知道您所说的意思是不是和我一样，我理解的就是，一次载入所有content，点击分页之后只用把每页的字符串赋给一个容器即可，而不必每个分页页面都进行相同的载入和解析。

我晚上回去把这个再做一点，现在没有时间做。
http://hi.baidu.com/mow520

使用道具 举报

子心　

网络白痴

钻石会员

帖子
2863
体力
7514
威望
19
居住地
浙江省 杭州市
发表于 2006-2-16 15:55:00 |显示全部楼层
http://www.cfcodes.com/?ID=186
0秒分页列表的实现—FlashPaper版
网上药博会
其实我没什么话说。你说呢？

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-2-16 16:35:00 |显示全部楼层
好长。。。。。。。。。。。。看起来似乎不错，先把链接收了有空慢慢研究，看你那demo好像adobe哦？
子叶：子乌的叶子
子乌书简

使用道具 举报

子心　

网络白痴

钻石会员

帖子
2863
体力
7514
威望
19
居住地
浙江省 杭州市
发表于 2006-2-16 16:40:00 |显示全部楼层
长是因为废话写的多了一些，呵呵。只是把简单的这个给写出来了，数据拆分功能的没有写。
网上药博会
其实我没什么话说。你说呢？

使用道具 举报

BlueMiracle　楼主

木偶屋

钻石会员 手机认证 

帖子
152
体力
5603
威望
19
发表于 2006-2-16 20:31:00 |显示全部楼层
修改了一下：不必重新载入数据，实现无刷新效果

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE> New Document </TITLE>
  5. <META NAME="Generator" CONTENT="EditPlus">
  6. <META NAME="Author" CONTENT="">
  7. <META NAME="Keywords" CONTENT="">
  8. <META NAME="Description" CONTENT="">
  9. <style>
  10. * {
  11.         font-size:10.2pt;
  12.         font-family:tahoma;
  13.         line-height:150%;
  14. }
  15. .divContent
  16. {
  17.         border:1px solid red;
  18.         background-color:#FFD2D3;
  19.         width:500px;
  20.         word-break:break-all;
  21.         margin:10px 0px 10px;
  22.         padding:10px;
  23. }
  24. </style>
  25. </HEAD>

  27. <BODY>
  28. header
  29. <div id="divPagenation"></div>
  30. <div id="divContent"></div>
  31. footer
  32. <SCRIPT LANGUAGE="JavaScript">
  33. <!--
  34. s="<p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了啦。” </p>";
  35. function DHTMLpagenation(content) { with (this)
  36. {
  37.         // client static html file pagenation

  39.         this.content=content;
  40.         this.contentLength=content.length;
  41.         this.pageSizeCount;
  42.         this.perpageLength=100; //default perpage byte length.
  43.         this.currentPage=1;
  44.         //this.regularExp=/.+[\?\&]{1}page=(\d+)/;
  45.         this.regularExp=/\d+/;

  47.         this.divDisplayContent;
  48.         this.contentStyle=null;
  49.         this.strDisplayContent="";
  50.         this.divDisplayPagenation;
  51.         this.strDisplayPagenation="";
  52.        
  53.         arguments.length==2?perpageLength=arguments[1]:'';

  55.         try {
  56.                 divExecuteTime=document.createElement("DIV");
  57.                 document.body.appendChild(divExecuteTime);
  58.         }
  59.         catch(e)
  60.         {
  61.         }
  62.         if(document.getElementById("divContent"))
  63.         {
  64.                 divDisplayContent=document.getElementById("divContent");
  65.         }
  66.         else
  67.         {
  68.                 try
  69.                 {
  70.                         divDisplayContent=document.createElement("DIV");
  71.                         divDisplayContent.id="divContent";
  72.                         document.body.appendChild(divDisplayContent);
  73.                 }
  74.                 catch(e)
  75.                 {
  76.                         return false;
  77.                 }
  78.         }

  80.         if(document.getElementById("divPagenation"))
  81.         {
  82.                 divDisplayPagenation=document.getElementById("divPagenation");
  83.         }
  84.         else
  85.         {
  86.                 try
  87.                 {
  88.                         divDisplayPagenation=document.createElement("DIV");
  89.                         divDisplayPagenation.id="divPagenation";
  90.                         document.body.appendChild(divDisplayPagenation);
  91.                 }
  92.                 catch(e)
  93.                 {
  94.                         return false;
  95.                 }
  96.         }

  98.         DHTMLpagenation.initialize();
  99.         return this;
  100.        
  101. }};
  102. DHTMLpagenation.initialize=function() { with (this)
  103. {
  104.         divDisplayContent.className=contentStyle!=null?contentStyle:"divContent";
  105.         if(contentLength<=perpageLength)
  106.         {
  107.                 strDisplayContent=content;
  108.                 divDisplayContent.innerHTML=strDisplayContent;
  109.                 return null;
  110.         }

  112.         pageSizeCount=Math.ceil((contentLength/perpageLength));

  114.         DHTMLpagenation.goto(currentPage);
  115.         DHTMLpagenation.displayContent();
  116. }};
  117. DHTMLpagenation.displayPage=function() { with (this)
  118. {
  119.         strDisplayPagenation="分页：";

  121.         if(currentPage&&currentPage!=1)
  122.                 strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.previous()">上一页</a>&nbsp;&nbsp;';
  123.         else
  124.                 strDisplayPagenation+="上一页&nbsp;&nbsp;";

  126.         for(var i=1;i<=pageSizeCount;i++)
  127.         {
  128.                 if(i!=currentPage)
  129.                         strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.goto('+i+');">'+i+'</a>&nbsp;&nbsp;';
  130.                 else
  131.                         strDisplayPagenation+=i+"&nbsp;&nbsp;";
  132.         }

  134.         if(currentPage&&currentPage!=pageSizeCount)
  135.                 strDisplayPagenation+='<a href="javascript:void(0)" onclick="DHTMLpagenation.next()">下一页</a>&nbsp;&nbsp;';
  136.         else
  137.                 strDisplayPagenation+="下一页&nbsp;&nbsp;";

  139.         strDisplayPagenation+="共 " + pageSizeCount + " 页，每页" + perpageLength + " 字符，调整字符数：<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' onclick='DHTMLpagenation.change(document.getElementById(\"ctlPerpageLength\").value);'>";

  141.         divDisplayPagenation.innerHTML=strDisplayPagenation;
  142. }};
  143. DHTMLpagenation.previous=function() { with(this)
  144. {
  145.         DHTMLpagenation.goto(currentPage-1);
  146. }};
  147. DHTMLpagenation.next=function() { with(this)
  148. {
  149.         DHTMLpagenation.goto(currentPage+1);
  150. }};
  151. DHTMLpagenation.goto=function(iCurrentPage) { with (this)
  152. {
  153.         startime=new Date();
  154.         if(regularExp.test(iCurrentPage))
  155.         {
  156.                 currentPage=iCurrentPage;
  157.                 strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
  158.         }
  159.         else
  160.         {
  161.                 alert("page parameter error!");
  162.         }
  163.         DHTMLpagenation.displayPage();
  164.         DHTMLpagenation.displayContent();
  165. }};
  166. DHTMLpagenation.displayContent=function() { with (this)
  167. {
  168.         divDisplayContent.innerHTML=strDisplayContent;
  169. }};
  170. DHTMLpagenation.change=function(iPerpageLength) { with(this)
  171. {
  172.         if(regularExp.test(iPerpageLength))
  173.         {
  174.                 DHTMLpagenation.perpageLength=iPerpageLength;
  175.                 DHTMLpagenation.currentPage=1;
  176.                 DHTMLpagenation.initialize();
  177.         }
  178.         else
  179.         {
  180.                 alert("请输入数字");
  181.         }
  182. }};

  184. // method
  185. // DHTMLpagenation(strContent,perpageLength)

  187. DHTMLpagenation(s,100);

  189. //-->
  190. </SCRIPT>
  191. </BODY>
  192. </HTML>
复制代码
http://hi.baidu.com/mow520

使用道具 举报

SenFe　

盛飞

钻石会员 手机认证 

帖子
6222
体力
12069
威望
14
居住地
四川省 成都市
发表于 2006-2-16 21:16:00 |显示全部楼层

 提示：您可以先修改部分代码再运行

承接程序定制、修改。

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-2-17 10:48:00 |显示全部楼层
to BlueMiracle:

写的不错,呵呵,你现在这个代码就能够很明显的看出强行截断产生的效果并不是很好了吧
这种智能分页如果能够实现,会是一种很棒的效果.


to SenFe:

你的代码是使用ie中xml数据岛与data项的结合构造的.属于ie里很经典的写法,不过....怎么实现分页?对于段落,难道三个p一页吗-_-?
子叶：子乌的叶子
子乌书简

使用道具 举报

adleyliu　
帖子
42
体力
162
威望
0
发表于 2006-2-17 11:01:00 |显示全部楼层
一般情况，都在服务器端完成，完成生，生成类似02.html,20_1.html，这样一来一个文章就有两个文件，假如说，我数据库中有1000条记录，平均每条记录生成2个html静态文件，那么将会有2000个文件。我是不太喜欢文件太多的，于是想到用客户端来进行分页查看，下面是代码（代码没有经过优化），
///////////////////////////////////////////////////
已经生成HTML了，分页两页。就是分成20页
在静态页中选择分页也不会读数据库啊？
你说的分页和数据库中存几条记录没关系吧？
下面是个例子分成两页，选第二页也不会读数据库，和数据库有多少条记录有什么关系吗？
http://www.115000.com.cn/liuy//f ... G2006215145741.html
很多网站都这么作的
2006.html,2006_1.html
只要将2006.HTML存到数据库中就可以了
至于存到目录中一个文件和分两个文件,还是分开好.
既然要分页就是因为内容太多.浏览时只会显示2006.html这页内容.
/////////////////////
XML我是初学
SenFe的方法可以考虑
QQ群联盟：
www.115000.com.cn/liuy/main_qq_index.asp
易点通WEB源：
www.115000.com.cn/
JS→CSS→ASP→PHP→QQ群:4052

使用道具 举报

Recordset　
帖子
121
体力
395
威望
0
发表于 2006-2-17 13:12:00 |显示全部楼层
非新闻系统的话一般都是将Table进行分页，所以，能不能将Table的数据进行分页？

使用道具 举报

BlueMiracle　楼主

木偶屋

钻石会员 手机认证 

帖子
152
体力
5603
威望
19
发表于 2006-2-17 14:02:00 |显示全部楼层
to 子乌

其实最初我做这个page.html?page=1这种效果，最主要的是模拟一个分页的效果，举个例子：

假如，上次看到的是第四页（page.html?page=4），我将此URI存于收藏夹中，下次访问便可直接访问，如果是不重新载入，即分段取出字符串的话，比较难得到预期效果，实现比较麻烦

关于智能分面的问题，我觉得比较难处理，如楼上所说，像用ewebeidt生成的新闻content，HTML比较乱，还有要考虑有人直接paste WORD里面的东西进来，这样就涉及到处理HTML的标记问题，（似乎像tidy了？呵呵），最后还有一点，

假如我生成的content形如：<table>generated html and string</table>

设generated html and string中的内容=n那么如何分析这个字符串（包含标记）来进行分页而又保持显示效果和预期一样呢？

方法1。通过分析把table截断，在下一面的时候，再生成一个table，即继承上页的html标记。
方法2。不截断table标记，一直到</table>的结束标记再截断

我现在在抽空按第一种做法来做。看看能不能成吧，不过这个正则（我是用正则来判断）比较难写：（
http://hi.baidu.com/mow520

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-2-17 14:08:00 |显示全部楼层
呵呵,你可以使用hash来标记当前是第几个分页的,也就是锚点,在页面里实时更新锚点是不会导致页面重新加载的.你可以在onload的时候判断锚点来决定当前在第几页.


关于智能分页,我觉得不能简单的判断长度来截取.表格这种东西尽量还是让它完整的联在一起而不截断,如果实在太长,可以让表格单独一页.其余的内容,可以截断.当然这个想法比较简单,因为截断的内容它的功能是否与之前的标签功能一致,这比较难.
子叶：子乌的叶子
子乌书简

使用道具 举报

BlueMiracle　楼主

木偶屋

钻石会员 手机认证 

帖子
152
体力
5603
威望
19
发表于 2006-2-17 14:31:00 |显示全部楼层
to 子乌
我比较笨，呵呵

不知道是不是你所说的意思：

女老师竭力向

假定每页3个字符，通过插入锚点：

女老师<a name="1"></a>竭力向<a name="2"></a>

当我定位于第2页后，关闭页面打再打页面后定位肯定在第1页呀（除非用cookie等手段存入客户端），锚点肯定会失效的，也是没有page.html?page=2的效果
http://hi.baidu.com/mow520

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-2-17 15:30:00 |显示全部楼层
不,你误解我的意思.

我写一个最简单的模型给你.你看一下:

 提示：您可以先修改部分代码再运行




我这里假设分页完是一个数组.
子叶：子乌的叶子
子乌书简

使用道具 举报

lmxc　

最爱星辰

银牌会员 手机认证 

帖子
1241
体力
2261
威望
0
居住地
北京市 昌平区
发表于 2006-2-25 01:04:00 |显示全部楼层
你这个是动态页的分页 ，对于静态页来说不实用
COS幻想 万网代理

使用道具 举报

viewsnake　
帖子
15
体力
36
威望
0
发表于 2006-2-27 19:41:00 |显示全部楼层
Sheneyan在上个帖子中说
不,你误解我的意思.

我写一个最简单的模型给你.你看一下:

 提示：您可以先修改部分代码再运行




我这里假设分页完是一个数组.

这个不错，赞

使用道具 举报

lmxc　

最爱星辰

银牌会员 手机认证 

帖子
1241
体力
2261
威望
0
居住地
北京市 昌平区
发表于 2006-2-27 23:55:00 |显示全部楼层
我能理解  可是你这样做就失去静态页的分页 优势  静态页分页不仅是为了好看 而且可以提高更快的速度 。 你这样的分页 需要把整页都读出来  只是 在显示上有分页 实现了分页效果

可是实际你要把整个网页读出来  如果网页很大 读的速度就很慢 ，而真正静态页分页 是把页面分开成很多小分，每页的内容少了 容量也小了 打开速度也提高了
COS幻想 万网代理

使用道具 举报

wwwdpxqcom　
帖子
116
体力
212
威望
0
发表于 2006-3-4 17:35:00 |显示全部楼层
用不着那么麻烦吧？
css设一下div高度，然后用js修改top属性，就行拉，楼上的说法不怎么理解
可是实际你要把整个网页读出来 如果网页很大 读的速度就很慢 ，而真正静态页分页 是把页面分开成很多小分，每页的内容少了 容量也小了 打开速度也提高了
东萍象棋网络杂志，荟萃中国象棋精华。
首页：http://www.dpxq.com
投稿：http://www.dpxq.com/bbs

使用道具 举报

kink　
帖子
113
体力
243
威望
0
发表于 2006-4-26 22:28:00 |显示全部楼层
<!-- Break Page -->

如果碰到复杂的需要智能分页的，不如手工加标签？

使用道具 举报

mallee　

老李飞砖

银牌会员

帖子
662
体力
2394
威望
2
居住地
河北省 秦皇岛市
发表于 2006-7-19 09:33:06 |显示全部楼层
留下 ,等回来仔细 研究!
iw3c.com

使用道具 举报

Sheneyan　

子虚乌有

荣誉管理 手机认证 

帖子
8391
体力
26707
威望
187
居住地
江苏省 苏州市
发表于 2006-7-19 09:50:10 |显示全部楼层
20楼是个好办法～，在在线编辑器中提供一个选项“插入分页符”，然后插入一个自定义的标记，然后在页面中再进行分割。
子叶：子乌的叶子
子乌书简

使用道具 举报

ken8544　
帖子
35
体力
87
威望
0
发表于 2006-12-27 13:41:02 |显示全部楼层
非常经典.   
to:子虚乌有
20楼是个好办法～，在在线编辑器中提供一个选项“插入分页符”，然后插入一个自定义的标记，然后在页面中再进行分割。

这个实现了吗?

BlueMiracle  这个也不错.可是好象 都却标记  分割.有做好的.给我看看吗?

使用道具 举报

wuchenghua　
帖子
101
体力
471
威望
0
居住地
重庆市 渝中区
发表于 2007-2-12 17:52:57 |显示全部楼层
有空再研究
美食吧www.cqms8.com

使用道具 举报

esnak　
帖子
370
体力
1242
威望
0
发表于 2007-2-12 23:00:46 |显示全部楼层
大站分页有的时候是为了提高浏览量
jgwy-esnak

使用道具 举报

hangxj　
帖子
21
体力
44
威望
0
发表于 2008-4-22 15:31:32 |显示全部楼层
你这样对搜索引擎不友好吧?

使用道具 举报

icoder　
帖子
10
体力
25
威望
0
发表于 2008-4-22 17:13:30 |显示全部楼层
留个记号

使用道具 举报

Nickol　
帖子
20
体力
162
威望
0
居住地
江苏省 南京市
发表于 2008-4-23 10:10:33 |显示全部楼层
html的截断相当麻烦的，没有发现很好的解决方法，我们公司在编辑器里有插入分页符的按钮进行分页，但是对于那种设置字数后自动分页，没有办法处理，客户从word粘贴进编辑器的代码非常复杂混乱，不可能只是简单的table、p就分割的

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Html Smilies
您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 12:50 , Processed in 0.149585 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部