js实现对list列表的封装

JavaScript09

js实现对list列表的封装,第1张

/*

/**

/**

/*

/**

/**

/**

/**

/**

// 第一个元素索引

function front() {

this.pos = 0

}

// 最后一个元素的索引

function end() {

this.pos = this.listSize-1

}

// 向前移一个索引

function prev() {

if(this.pos==0){

return this.pos = 0

}

--this.pos

}

// 向后移一个索引

function next() {

if(this.pos<this.listSize-1){

++this.pos

}

}

// 当前的索引位置

function currPos() {

return this.pos

}

/**

/**

// 是否可以移到下一个索引位置

function hasNext() {

return this.pos<this.listSize

}

// 是否可以移到上一个索引位置

function hasPrev() {

return this.pos>=0

}

使用方法

var names = new List()

names.append('zhangsan')

names.append('lisi')

names.append('wangwu')

names.front()

names.next()

console.log(names.getElement()) // lisi

使用迭代器访问列表

for(names.front()names.hasNext()names.next()){

console.log(names.getElement())

}

//zhangsan lisi wangwu

现在大多数列表切换都是把<div style="display:block"></div> 这个div的display设置为none或block来实现的,就是你点击一个列表的时候这个列表所要表现的div的display变为block,其他的设置为none,所以看到了这个列表的东西反之亦然