静态新闻分页的js解决方案
今天看一个新闻网站,看到它的分页用的是JS读取内容字符串(这里用的XML节点内容)后处理,分页按自定义字数分,而且可以点击显示全部(即不分页方式浏览)
查看了它的源代码后提出了这个基本方法,感觉很好,粗略说一下前台调用方法及注意的地方:
附:cutarticle.js下载
查看了它的源代码后提出了这个基本方法,感觉很好,粗略说一下前台调用方法及注意的地方:
1<div id="article"><!--正文正文内容显示区域(必须保留,后台js程序用到这个id)--></div>
2<xml id="xmlArticle">
3<Article>
4<Info>
5<Content>
6<![CDATA[
7<FONT face=Verdana><FONT face=Verdana>这里是新闻内容。(这里的xml的id,content节点后台也都用到,保留 )</FONT> ]]>
8</Content>
9</Info>
10</Article>
11</xml>
12<script type="text/javascript">
13//每页显示字数
14PageSize=800;
15//分页模式
16flag=1;
17</script>
18<!--正文分页Js-->
19<script type="text/javascript" src="cutarticle.js"></script>
20<script type="text/javascript">
21text_pagination(1);
22</script>
2<xml id="xmlArticle">
3<Article>
4<Info>
5<Content>
6<![CDATA[
7<FONT face=Verdana><FONT face=Verdana>这里是新闻内容。(这里的xml的id,content节点后台也都用到,保留 )</FONT> ]]>
8</Content>
9</Info>
10</Article>
11</xml>
12<script type="text/javascript">
13//每页显示字数
14PageSize=800;
15//分页模式
16flag=1;
17</script>
18<!--正文分页Js-->
19<script type="text/javascript" src="cutarticle.js"></script>
20<script type="text/javascript">
21text_pagination(1);
22</script>
附:cutarticle.js下载