能不能帮我详细讲解一下js里的所有代码，详解必采纳

能不能帮我详细讲解一下js里的所有代码，详解必采纳

<body>
    <div class="tab">
      <div class="tab_list">
        <ul>
          <li class="current">商品介绍li>
          <li>规格与包装li>
          <li>售后保障li>
          <li>商品评价（50000）li>
          <li>手机社区li>
        ul>
      div>
      <div class="tab_con">
        <div class="item" style="display: block;">商品介绍模块内容div>
        <div class="item">规格与包装模块内容div>
        <div class="item">售后保障模块内容div>
        <div class="item">商品评价（50000）模块内容div>
        <div class="item">手机社区模块内容div>
      div>
    div>
    <script>
     var tab_list=document.querySelector('.tab_list');
     var lis=tab_list.querySelectorAll('li');
     var items=document.querySelectorAll('.item');
     for(var i=0;ilength;i++){
        lis[i].setAttribute('index',i);
        lis[i].onclick=function(){
            for(var i=0;ilength;i++){
                lis[i].className='';
            }
            this.className='current';
            var index=this.getAttribute('index');
            for(var i=0;ilength;i++){
                items[i].style.display='none';
            }
            items[index].style.display='block';
        };
     }
    script>
  body>

这没啥好讲的呀，哪个方法不知道用途百度有详解，不难的