Question

js代码问题，如何理解js的运行（选项卡）

图为一个简单的选项卡

写出这个后，我的思维有点混乱，我有点不理解js 是浏览器的是什么时候开始运行的，先看看我的理解：
当页面中的按钮“招生”被点击，浏览器开始执行js，首先浏览器接收到声明变量的信息，然后i获得一个值3，满足循环条件，开始执行：执行“onclick”事件的动作——为无名函数的以下内容：遇到一个循环，i值为3，满足循环条件，i值为3的的class为空————————想到这里我意识到我肯定理解错，因为如果真的是“i值为3的的class为空”这么理解的话，那应该只有“招生”这个按钮清空样式，但实际上，这个“aBtn[i].className='';”的作用是清空所有按钮的样式，这个时候我迷惑了，这个i不是已经有一个值了吗？

Answer 1

i 的值是会发生变化的。根据for循环中的条件，只要满足条件，i 的值会自动 +1 ，i 的值从0开始，直到 (aBtn[i].length - 1) ，也就是 3 。
当 i = 0 时，表示第一个，i = 1 时，表示第二个......以此类推。
也就是说，所有的input 都会执行 for 循环中的 “aBtn[i].className=" " ;“

追问

也就是说点击按钮，i并没有得到赋值，所有按钮都会执行循环，使选项卡真正发挥作用的是带this的那两个语句，对吗

追答

嗯，就是这样。 this 在 js 中比较灵活。

Answer 2

i是按钮下标

程序的目的是按了那个按钮后,先将所有按钮样式清空
然后再将按了的那个按钮的样式改为active的样式

Answer 3

循环是对aBtn里所有元素循环 先将所有元素的class设为空 之后对this的class设置样式