主要思路:就是点击当前页时,它自己显示,其它的都隐藏;
下面是简单的代码实现:
<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分页呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)