js中的OO

 以前，写js函数，很少考虑oo的概念。前段时间做一个引导页，引导页格式比较固定，每页只显示三块，由于引导页在igw和ibw中都要引用，对大小位置要求比较苛刻，因此，我放弃了通过隐藏html元素来达到分页的效果。我采用弄好框架，改变innerHTML属性来达到分页的效果。由于每块都有个左图标，标题，又图标这四个元素，因此，我用js构造了下面的类：

function AppPanel(leftImg,rightImg,title,content)
{
  this.leftImg=leftImg;
  this.rightImg=rightImg;
  this.title=title;
  this.content=content;
}

 

对于所有的块，我定义了个全局数组来保存：

    var arrApp = new Array();

 

然后写分页函数

 

function PageInfo(arrApp,pageSize,pageIndex)
{
    this.BeginIndex=0;
    this.EndIndex=0;
    this.PageCnt=0;
    this.initPageInfo=initPageInfo(arrApp,pageSize,pageIndex);
}

function initPageInfo(arrApp,pageSize,PageIndex)
{
  if(typeof(arrApp)=="undefined") return false;

  if(arrApp.length<1) return false;

  if(pageSize<1||PageIndex<1) return false;

  PageInfo.prototype.PageCnt=Math.ceil(arrApp.length/pageSize);

  if(PageIndex>PageInfo.prototype.PageCnt) return false;

  PageInfo.prototype.BeginInde = (PageIndex-1) * pageSize;

  PageInfo.prototype.EndIndex= PageIndex * pageSize -1;

  if(PageInfo.prototype.EndIndex>arrApp.length-1)
  {
   PageInfo.prototype.EndIndex=arrApp.length-1;
  }
  return true;
}

 

 

然后这样，就可以调用分页了：

 

 var aa = new PageInfo(arrApp,3,curPage);
         
         if(aa.initPageInfo)
         {
          var id=0;
   
          for(var i= PageInfo.prototype.BeginInde;i<=PageInfo.prototype.EndIndex;i++)
          {
            id=id+1;
            document.getElementById("leftImg"+id).innerHTML=arrApp[i].leftImg;
            document.getElementById("title"+id).innerHTML=arrApp[i].title;
            document.getElementById("rightImg"+id).innerHTML=arrApp[i].rightImg;
            document.getElementById("content"+id).innerHTML=arrApp[i].content;
               }
  

 

 

       呵呵，当时感觉还不错，这会感觉很乱。 

转载于:https://www.cnblogs.com/xinlingjingtu/archive/2009/01/14/1375278.html