传统方式实现选项卡
演示地址:https://codepen.io/m-sl-one/pen/XPmewa
选项卡普通方法变型
面向对象实现选项卡:
1、先变型:
2、尽量不要出现函数嵌套函数
3、可以有全局变量
4、把onload中不是赋值的语句放到单独函数中
演示地址:https://codepen.io/m-sl-one/pen/aavVoq
用面向对象封装通用选项卡
改成面向对象:
1、全局变量就是属性
2、函数就是方法
3、Onload中创建对象
4、改this指向问题 : 事件或者是定时器,尽量让面向对象中的this指向对象
演示地址:https://codepen.io/m-sl-one/pen/RYWjrm