请问选项卡方法封装成了function函数,如何在网页中,需要时使用该选项卡方法?

比如a.js文件有如下

 <script>

      function rec1(){
          var tab_t = document.getElementById("tab_t"); 
        var tab_t_li = tab_t.getElementsByTagName("li"); 
        var tab_c = document.getElementById("tab_c"); 
        var tab_c_li = tab_c.getElementsByTagName("div");
         var len = tab_t_li.length; 
         var i = 0; 
         for (i = 0; i < len; i++) 
             { 
                 tab_t_li[i].index = i;
                tab_t_li[i].onclick = function()
                     { 
                         for (i = 0; i < len; i++) 
                             { 
                                 
                                 tab_t_li[i].className = '';
                                  tab_c_li[i].className = 'hide'

                               }

                                tab_t_li[this.index].className = 'act';
                                  tab_c_li[this.index].className = ''; 
                       }
                   }
      }
 </script>

然后我index.html文件中有个选项卡,那么如何调用这个选项卡的js方法?首先用script标签引用a.js,那么如何使用这个rec1的选项卡方法呢? 小白求解

阅读 2.5k
3 个回答

在a.js中直接调用rec1函数,加上下面这句。a.js文件中是不应该有“<script>”,把你的两个“<script>”删掉,然后在html文件 <body>最底部引入a.js,确保rec1执行时,dom已经渲染完成。

rec1();

面向对象~封装起来

推荐问题
宣传栏