Question

js 多个选项卡怎么调用

一个页面有多个选项卡，我只写了985/211的选项卡，写完之后是好用的。第二个选项卡省内一本/省内二本写完之后没效果（只有第一个选项卡985的能切换内容，第二个省一本二本不切换）。第三个省外一本/省外二本的选项卡我就不会写了。再后来我尝试过getElementByClassName[i] 的方法同事选中3个，但是我写不好也失败了。求大神指导。js代码如下：window.onload=function a0() //第一个选项卡{ var oDiv=document.getElementById('sakai'); var aBtn=oDiv.getElementsByTagName('input'); var aDiv=oDiv.getElementsByTagName('div'); for(var i=0;i<aBtn.length;i++) { aBtn[i].sakai=i; aBtn[i].onclick=function a0() { for(var i=0;i<aBtn.length;i++) { aBtn[i].className=''; aDiv[i].style.display='none'; } this.className='active'; aDiv[this.sakai].style.display='block'; }; } };//第二个选项卡window.onload=function a1() { var oDiv=document.getElementById('sakai01'); var aBtn=oDiv.getElementsByTagName('input'); var aDiv=oDiv.getElementsByTagName('div'); for(var i=0;i<aBtn.length;i++) { aBtn[i].sakai01=i; aBtn[i].onclick=function a1() { for(var i=0;i<aBtn.length;i++) { aBtn[i].className=''; aDiv[i].style.display='none'; } this.className='active'; aDiv[this.sakai01].style.display='block'; }; } };
今天16号第三天了，我吧js修改了一下，浏览器没有报错。但是只有第一个选项卡能切换，第二个选项卡不切换，也就是说function aa1 () 的函数既不报错，也没效果。求大神指导





Answer 1

你把你的方法用构造函数的形式封装起开，然后每次调用的时候有new就好了

追问

还没学到闭包。也没学会函数封装。求指导。