js字符串分页显示的问题，在线等-CSDN论坛

js字符串分页显示的问题，在线等

PHP > 基础编程

收藏回复

[问题点数：20分，结帖人zgycsmb]

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410 结帖率 99.62%: php页面中，有个js变量

var resultStr="莎啦牛排　地址：中山路77号　电话：0791-6253851 尊品牛排馆　地址：象山北路248号文化宫旁　电话：0791-6771870 ";

页面中是通过下面的方式放到div中，
　document.getElementById("result").innerHTML = resultStr;
<div id="result" name="result" style="height:570px; float:left;" ></div>

现问：js变量的内容如何在div中分页显示并可翻页?
thanks

2011-10-11 17:10:56

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅随着年龄的增长,我觉得我给人解决情感问题比技术更有天赋

⋅这么写WebServer的处理方式是否正确?

⋅接口 API 的端口绑定想法

更多帖子

关注私信空间博客

版主

黄袍披身

等级

本版专家分：56459

勋章

优秀版主 2015年8月优秀小版主

红花 2012年2月 PHP大版内专家分月排行榜第一
2012年1月 PHP大版内专家分月排行榜第一
2011年11月 PHP大版内专家分月排行榜第一
2011年9月 PHP大版内专家分月排行榜第一

黄花 2012年3月 PHP大版内专家分月排行榜第二
2011年12月 PHP大版内专家分月排行榜第二
2011年10月 PHP大版内专家分月排行榜第二

蓝花 2013年2月 PHP大版内专家分月排行榜第三
2012年9月 PHP大版内专家分月排行榜第三
2012年7月 PHP大版内专家分月排行榜第三
2012年5月 PHP大版内专家分月排行榜第三: csdn上面天天晃来晃去的那个不就是你要的效果吗？自己跟一下代码就有了

2011-10-11 17:14:15

点赞只看TA 引用举报 #1得分 4

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: 能不能帖个例子出来呀，多谢，

2011-10-11 17:21:58

点赞只看TA 引用举报 #2得分 0

⋅Centos与Debian PHP环境变量问题。 ⋅在线FTP文件管理客户端 - AMFTP-2.0发布 ⋅经常忘掉函数参数位置 更多帖子 关注私信空间博客 ci1699 等级 本版专家分：7847: 要怎么分页显示啊

2011-10-11 17:25:57

点赞只看TA 引用举报 #3得分 4

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: 分多少页，一页显示几条，可用参数控制的，

2011-10-11 17:34:33

点赞只看TA 引用举报 #4得分 0

⋅关于mysql事务的问题 ⋅preg_replace_callback的问题 ⋅h5做视频直播的问题 更多帖子 关注私信空间博客 tottyandbaty 等级 本版专家分：7660: 这个没什么好说的吧，主要思路是字符串的分割，然后跟一般的分页脚本一样咯

2011-10-11 17:36:34

点赞只看TA 引用举报 #5得分 6

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: 哪位能贴点可用的代码吗？

2011-10-12 10:14:47

点赞只看TA 引用举报 #6得分 0

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: 页面中，
for (var i = 0; i < 50; i++)
{
resultStr =resultStr+ "记录第几条："+i + " <br>";
}
得到一个这样的变量，再把变量放到一div中
document.getElementById("result").innerHTML = resultStr;

<div id="result" name="result" style="height:570px; float:left;" ></div>

现需实现:在div id="result" 这个div内，可分页，可翻页来显示内容，分五页，一页显示十条，如何实现呀，thanks

2011-10-14 12:47:52

点赞只看TA 引用举报 #7得分 0

⋅求证则表达式 ⋅ssh root@ip连接还没输入密码就登陆了.... ⋅求大牛指点postfix的smtp问题 更多帖子 关注私信空间博客 kyzy_yy_pm 等级 本版专家分：23188 勋章 蓝花 2010年10月 PHP大版内专家分月排行榜第三: 这个意思吗？
http://topic.csdn.net/u/20110328/14/a101492a-1658-4c35-9cc4-6f1d805c747e.html

2011-10-14 13:36:27

点赞只看TA 引用举报 #8得分 6

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: 多谢８楼的，我是意思是

页面中，
var content = "";
content += "天地有正气，杂然赋流形。";
content += "下则为河岳，上则为日星。";
content += "于人曰浩然，沛乎塞苍冥。";
content += "楚囚缨其冠，传车送穷北。";
content += "鼎镬甘如饴，求之不可得。";
content += "阴房阗鬼火，春院闭天黑。";
content += "牛骥同一皂，鸡栖凤凰食。";
content += "一朝蒙雾露，分作沟中瘠。";
content += "如此再寒暑，百疠自辟易。";
content += "嗟哉沮洳场，为我安乐国。";
content += "岂有他缪巧，阴阳不能贼。";
content += "顾此耿耿在，仰视浮云白。";
content += "悠悠我心悲，苍天曷有极。";
content += "哲人日已远，典刑在夙昔。";
content += "风檐展书读，古道照颜色。";

上面的内容中，每句文字中都带有。号，现以。结束的那句为一条记录，共１５条记录，
现需:分三页显示，每页显示５条记录，可翻页，如何实现呀
thanks

2011-10-14 16:07:11

点赞只看TA 引用举报 #9得分 0

⋅linux中的hive中 insert数据问题，在线等 ⋅java矩阵基础算法题，在线等 ⋅oracle中，关联表中查询出选了此老师的所有课的学员的小问题，在线等 更多帖子 关注私信空间博客 zgycsmb 等级 本版专家分：1410: HTML code<!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>
    <title></title>
</head>
<body>
    <div id="pages"></div>
    <div id="pager">
        <a href="javascript:;" onclick="prev()">上一页</a>
        <a href="javascript:;" onclick="next()">下一页</a>
    </div>
    <script type="text/javascript">
        var content = "";
        content += "天地有正气，杂然赋流形。";
        content += "下则为河岳，上则为日星。";
        content += "于人曰浩然，沛乎塞苍冥。";
        content += "楚囚缨其冠，传车送穷北。";
        content += "鼎镬甘如饴，求之不可得。";
        content += "阴房阗鬼火，春院闭天黑。";
        content += "牛骥同一皂，鸡栖凤凰食。";
        content += "一朝蒙雾露，分作沟中瘠。";
        content += "如此再寒暑，百疠自辟易。";
        content += "嗟哉沮洳场，为我安乐国。";
        content += "岂有他缪巧，阴阳不能贼。";
        content += "顾此耿耿在，仰视浮云白。";
        content += "悠悠我心悲，苍天曷有极。";
        content += "哲人日已远，典刑在夙昔。";
        content += "风檐展书读，古道照颜色。";

        var arr = content.split("。");
        var html = "";
        for (var i = 0; i < arr.length; i++) {
            if (i == 0) html += "<div>";
            else if (i == arr.length - 1) html += "</div>";
            else if (i % 5 == 0) html += "</div><div style='display:none;'>"
            html += (arr[i] + "。<br />");
        }
        document.getElementById("pages").innerHTML = html;

        var index = 1; //当前页
        var pages = document.getElementById("pages").getElementsByTagName("div");
        // 上一页
        function prev() {
            index = --index < 1 ? 1 : index;
            for (var i = 0; i < pages.length; i++) {
                pages[i].style.display = (i == index - 1) ? "block" : "none";
            }
        }
        // 下一页
        function next() {
            index = ++index > pages.length ? pages.length : index;
            for (var i = 0; i < pages.length; i++) {
                pages[i].style.display = (i == index - 1) ? "block" : "none";
            }
        }
    </script>
</body>
</html>

2011-10-17 16:06:45

点赞只看TA 引用举报 #10得分 0

收起

收藏回复

zgycsmb

等级：

关注私信 TA的帖子

js vue 字符串转数字并执行算数计算: 利用js变量弱类型转换。将字符串类型转换成数字类型，并执行算术运算 var n = "1"; var str = n-0 ; //此时str已经是数字类型 str = str +1 ; //结果为 str = 2; //也可以写成 var str = n-0 +1;

分页问题，js之间比较不可以是字符串与字符串比较: 下面是正确的代码： <script type="text/javascript"> function jump(tag){ var reg=/^[1-9]+[0-9]*]*$/; //---正则表达式判断输入的是否是数字 var num=$.... //得到输入的页数 字符串类型 $.trim(...

nodejs 截断字符串_「js截取字符串」js截取字符串第一个汉字 - seo实验室: js截取字符串背景：对接第三方接口需要传个age和ageTyoe字段，其中age字段为integer型，ageType取“岁/月/天”，但是我们系统存的年龄格式为N岁M月，或者为P天，这样就需要把拿到的年龄字符串截取一下，拿到第一个...

python判断字符串开头_python_如何判断字符串a以某个字符串开头或结尾？: 编写一个程序，给其中所有的.sh文件和.py文件加上可执行权限如何解决这个问题？1.先获取目录下文件2.通过startswith() 和endswith()方法判断是否以某个字符开头或结尾，列表解析留下满足条件的文件名3.迭代列表，给...

实现对过长文字内容进行分页显示: 在我们制作网站的过程中，难免会碰到最终显示页面的正文内容过长的问题，这样会导致浏览者往下不停的翻屏，那么有没有办法将过长的正文内容进行分页呢？显示内容部分：程序代码//FLYWE Blog//www.flywe.net//定义...

记个小笔记，js字符串加减运算: 今天在做分页封装的时候发现一个以前忽略的问题： 字符串减法运算：正常， 字符串加法运算：拼接，所以在获取到字符串的时候将加法转化一下，变成减法运算，就省事多了比如下面代码中，将this....

postgresql的分页显示-截取字符串-递归查询: ======================================= >>>>>>>>>>>>>>postgresql =======================================...1.pgsql 分页查询 --------------------------------- select * from table_name limit A offset B

通过JS实现数据分页: 通过JS实现数据分页原理加载数据；构造简单页面；通过JS动态操作数据及界面，实现数据分页。代码实现 html 1.引用外部js文件 <meta charset="UTF-8"> <title>数据分页</title> <!--注意...

js 将时间转为字符串各种格式: //里面有很多常用的方法，有数组的查询，分页，排序，数组的整合（交集、并集、差集）， //数组去重复，数组批量修改、删除、添加等。数组的随机乱序 //数组求平均，求和，求位置，求最大值，求最小值等 //各种...

js如何将字符串转换为对象: 在tp项目中使用js实现分页所遇到的问题，不过这个问题也不仅仅局限于tp框架，其他地方也是均此。接下来给大家说说我遇到的问题吧：控制器中将查询到的数据转换为json格式后，传给模板js console.log('{$data}')...

js-正则-前端搜索日志实现日志中两个特定字符串之前的内容高亮变色: 首先我的这个需求是日志加载向上滑动滚动分页，并解析后端返回字符串中含有的特殊字符并替换成字符标记的颜色，上关键代码：常量定义： /** 日志字体颜色 * 字颜色:30-----------39 30:黑 31:红 32:绿 33:黄 34:...

ES6 字符串模板拼接，调用函数: 因为题目和选项都是自定义的，可能会有很多，所以做了分页，每次翻页都会提交当前页填写的值，当用户进入答题页时后台调取该用户所有的答题信息，前台再进行判断，这里用到了es6模板字符串拼接，具体上代码。...

js 将很长的内容进行页面分页显示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="...lt

JS正则表达式整检查输入字符串是否符合正整数格式: 用途：检查输入字符串是否符合正整数格式输入： s：字符串 返回：如果通过验证返回true,否则返回false */ function isNumber( s ){ var regu = "^[0-9]+$"; var re = new RegExp(regu); if (s....

JS实现简单分页，页码显示: 分页有这几个问题需要解决，本文先讨论页码显示问题 页码显示上一页，下一页链接输入页码（可选）后台交互页面显示需求当前页码前后显示 3 页，然后需要显示第一页和最后一页未显示的页码用...

原生js分页效果: 2017年4月份，我去无锡某软件公司面试，项目经理当时问到一个问题：怎么实现分页效果，说明实现的原理？当时觉得分页是个极其复杂的技术难点，也没回答的很完整。现总结原生js实现分页效果与此，并附上详细注释：...

javaweb前端传参为空，后台接受却变成字符串“null”解决办法: 在做毕设的时候分页那一块出现一个bug，后来发现是传参问题前端参数如下：后台代码：获取参数：拼接sql：调试发现if判断rname不为空，rname = “null”（是字符串，我打印了rname.length()为4），...

js 分页插件: 最近闲着实在无聊，就做了点小东西练练手，由于原来一直在用AspNetPager进行分页，而且也进行了深度的定制与原有系统整合的也不错，不过毕竟是用别人的，想着看自己能试着做出来不能，后台的分页插件已经有比较...

asp.net 各类分页字符串方法: 简单分页字符串方法 /// &lt;summary&gt; /// 简单分页字符串方法 /// &lt;/summary&gt; /// &lt;param name="url"&gt;要分页的地址&...

js制作CSV文件下载功能时，由于值中含有json字符串导致导出格式错误解决方法: 由于做的是真分页，所以下载的时候不用在查询数据库，因而直接用的是js制作CSV文件下载功能，但是由于值中含有json字符串导致导出格式错误。格式错误体现在json字符串被拆分，占用了多个单元格。解决方法：根据...

mongodb 截取字符串更新当前文档: db.getCollection('test').find().skip(1000).forEach( function(item){ //item.sdf = 'haha_123213'; if(item.test!= undefined){ var a = item.test.indexOf('_'

java中json字符串的拼接: 在java中，查询某张表的所有数据并分页，将分页信息和数据同时传到页面，可以将数据拼接成json格式 String jsonStr = JsonUtils.toJson(list);//将对象转成JSON StringBuilder sb = new StringBuilder(); sb....

纯js分页(ajax获取数据): 此工具的目的是实现网页数据分页显示完全脱离服务器，单纯使用js实现，现在功能还比较简单，只能单纯显示数据，有其他需求可以联系探讨。工具例子使用ajax获取列表数据，当然其他形式也行，最后应该把数据转换成...

多重json字符串解析: 折腾了一天，才算是搞定这个简单的问题。数据源： [{"total":"2","list":[{"Fiber_Core_ID":"2","Fiber_ID":"1 ","Spectrum":"1-2 ","ServiceType":"收费 ","Remark":null,"SortCode":null}, {"Fiber_Core_ID":...

分页js代码: 分页js代码 ...//该方法用来拼接字符串的分页多个li 返回一个字符串 //调用案例如下 //var pageStr= addPage(resultInfo.data,“http://localhost:8080/travel/favoriterank.html” ,“key=value”,“ke...

返回分页的json数据: 前言：在上篇博文中，博主实现了数据分页查询，但这种查询方式仅仅只能适应于浏览器于服务器的情况，对于其他的比如安卓客户端与服务器之间的数据传递，其若此时...浏览器收到json字符串，可以使用js对json进行解析，

js原生动态生成分页按钮效果: 1、首先生成一个html静态结构，(第10点是最终的代码要使用可以直接复制js). <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width...

纯js写的xml数据分页显示程序: //=============================================================================== ... // 中国信息制造业信息技术有限公司 //=================================================================

获取全部数据后通过js纯前端实现分页效果: js纯前端实现分页之前一直使用前后端配合的方式实现分页效果，即在后台将数据进行分页处理，前端向后端发送页数参数，单独的请求某一页的数据。目前在数据量不是很大的基础上要实现js纯前端分页，找了几个插件没有...

相关热词 c# 计算校验和 c# 视觉框架 c++调用c# ref 编写c#窗体程序 c# 代码卸载程序 c#单斜杠双斜杠 c#线程阻塞的方法 c#获取文件所在路径 c#mysql添加删除 c#里氏转换原则