var li = document.querySelectorAll('li');
for(var i = 0,len = li.length;li < len;iPP){
      li[i].index = i;
      li[i].onclick = function(){
         for(var _i = 0,_len = li.length;_i < _len;_iPP){
            if(_i === this.index){
                li[_i].className = 'active';//li[_i].classList.add('active')
            }else{
               li[_i].className="";//li[_i].classList.remove('active');
            }
         }
      }

}

var ulList = document.getElementById ('ul-list')

var liList = document.getElementsByTagName('li');
for(var i=0; i<liList.length; iPP){
    liList[i].addEventListener('click',function(){
        for(var j=0; j<liList.length; jPP){
            liList[j].classList.remove('active')
        }
        this.classList.add('active');             
    },false)
}

dexterity, consider : target this css3 selector. Add an anchor to the new page, and then use the anchor to choose not to js . If you don't need an anchor, then use js . Get the href judgment and the href of the a tag in the new page. Add active this class

http://jsrun.net/UChKp/edit