js加载更多

数据有了,要点击“加载更多&分页”,后端大爷不给分页怎么办? 

设计湿又指着鼻子说我就要这效果,骂完TM后还是要硬着头皮做。好吧就这么干...

先写个方法:

function taiduMianBoxHTMLGo(obj,qs,n,gofn,overfn){
    var dataLength=window.taiduDataJsonMB.length;
    function fnHTML(i){
    //这里根据需要改好了 sHtml
+='<div class="fl"><a href="'+window.taiduDataJsonMB[i].url+'"><img src="'+window.taiduDataJsonMB[i].img+'" alt="'+window.taiduDataJsonMB[i].title+'"></a></div>'; }; if(dataLength-qs >=n ){ for(var i=qs; i<qs+n; i++){ fnHTML(i); gofn(); } if(dataLength-(qs+n) == 0){ overfn(); }; }else if( dataLength-qs > 0 && dataLength-qs < n){ for(var i=qs; i<qs+dataLength-qs; i++){ fnHTML(i); }; overfn(); }; obj.innerHTML+=sHtml; };

方法有了怎么用???

打个样

<script>
!function(){
    var startN=10;
    var stepN=10;
    var oMianBtn=document.getElementById('idconbox-html-go');
    taiduMianBoxHTMLGo(document.getElementById('idconbox'),0,startN,
        function(){oMianBtn.style.display='block';}
        ,function(){oMianBtn.style.display='none';}
    );
    oMianBtn.onclick=function(){
        taiduMianBoxHTMLGo(document.getElementById('idconbox'),startN,stepN,
            function(){oMianBtn.style.display='block';}
            ,function(){oMianBtn.style.display='none';}
        );
        startN+=stepN;
    };
}()
</script>
原文地址:https://www.cnblogs.com/SongYiJian/p/5312255.html