求js按行分页或者按div高度分页

求js按行分页或者按div高度分页,第1张

主要思路:就是点击当前页时,它自己显示,其它的都隐藏;

下面是简单的代码实现:

<style>    

inputactive {background:yellow;}    

div {width:200px; height:200px; border:1px solid red; display:none;}    

divactive {display:block;}    

</style>    

<script>    

windowonload=function(){    

var aBtn = documentgetElementsByTagName('input');    

var aDiv = documentgetElementsByTagName('div');    

    

for(var i =0; i<aBtnlength;i++)    

{    

(function(index){    //因为要存储点击的下标,所以需要做一个参数引入。学名叫'自执行匿名函数'。

aBtn[i]onclick=function(){   

        //这个for循环的作用是将所以的都隐藏。 

for(var i =0; i<aBtnlength;i++)    

{    

aBtn[i]className='';    

aDiv[i]className='';    

}    

//这是将当前点击的显示。

thisclassName='active';    

aDiv[index]className='active';    

};    

})(i);    

}    

};    

</script>    

</head>    

<body>    

<input type="button" value="111" class='active' />    

<input type="button" value="222" />    

<input type="button" value="333" />    

<div class="active">11111111111</div>    

<div>22222222222</div>    

<div>33333333333</div>    

</body>

不使用ajax 就要在加载的时候 把数据全部加载出来 分页在不同的tab里面 只是用js来判断改显示那个 tab而已

如果使用ajax 只要在切换的时候调用相应的内容出来

我觉得ajax使用起来简单一点

但是ajax使用起来 针对不同的浏览器 要写很多代码

我一般是使用 jquery 的 getJSON 来写

function goDeleteAll(){

var pages= $("totalPages")value;

for(var j=pages;j>0;j--){

var nodes = documentgetElementsByName("itemId");

var ids = null;

for(var i=0;i<nodeslength;i++){

nodes[i]checked=true;

if(nodes[i]checked){

if(ids == null){

ids = nodes[i]value;

}else{

ids = ids + ","+ nodes[i]value;

}

}

//调用删除方法

c_warn_configInfoServicedeleteWarnConfigInfo(ids,callBackResult);

}

if(ids == null){

alert(message_sl_choose_one_atList);

return;

}

}

}

//删除记录后的回调方法

function callBackResult(data){

//可以显示data的信息

parentqueryFormsubmit();

}

以上就是关于求js按行分页或者按div高度分页全部的内容,包括:求js按行分页或者按div高度分页、js 对分页表格搜索所有页面的数据、javascript如何实现div分页呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9796080.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-02
下一篇 2023-05-02

发表评论

登录后才能评论

评论列表(0条)

保存