js-分页、表格、生成数据.docx

《js-分页、表格、生成数据.docx》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、js分页、表格、生成数据使用js控制分页参考博客园的样式，效果如下：使用js创建表格//js表格生成表格代码//arrTh表头信息//arrTr数据vargetTable=function(arrTh,arrTr){vars='';s+='';for(vari=0;i'+arrTh[i]+'';}s+='';for(vari=0;i

2、='';for(varj=0;j'+arrTr[i][j]+'';}s+='';}s+='';returns;}js分页//js分页//el:分页容器count:总记录数pageStep:每页显示多少个pageNum:第几页fnGo:分页跳转函数varjsPage=function(el,count,pageStep,pageNum,fnGo){this.getLink=function(fn

3、Go,index,pageNum,text){vars='

4、

5、index;s+='>'+text+'';returns;}//总页数varpageNumAll=Math.ceil(count/pageStep);if(pageNumAll==1){divPage.innerHTML='';re

6、turn;}varitemNum=5;//当前页左右两边显示个数pageNum=Math.max(pageNum,1);pageNum=Math.min(pageNum,pageNumAll);vars='';if(pageNum>1){s+=this.getLink(fnGo,pageNum-1,pageNum,'上一页');}else{s+='上一页';}varbegin=1;if(pageNum-itemNum>1){s+=this.getLink(fnGo,1,

7、pageNum)+'...';begin=pageNum-itemNum;}varend=Math.min(pageNumAll,begin+itemNum*2);if(end==pageNumAll-1){end=pageNumAll;}for(vari=begin;i<=end;i++){s+=this.getLink(fnGo,i,pageNum);}if(end

8、pageNum下一页';}vardivPage=document.getElementById(el);divPage.innerHTML=s;}js返回随机数据//js随机内容varjsRand={};//随机数字jsRand.int=function(min,max){returnthis.show('i',min,max);}/

9、/随机字符jsRand.str=jsRand.string=function(min,max){returnthis.show('',min,max);}//随机日期jsRand.date=function(){returnthis.show('d');}//随机金额jsRand.money=function(min,max){returnthis.show('m',min,max);}//随机汉字jsRand.ch=function(min,max){returnthis.show('ch',

10、min,max);}jsRand.show=function(type,min,max){varstr;if(type=='i'){str=this.rand(min,max);}elseif(type=='m'){str='￥'+this.rand(min,max)+'.00';}elseif(type=='d'){str=this.rand(1990,2020)+'-';str+=this.rand(1,12,2)+'-';str+=this.rand(1,31,2)+'';str+=thi