在网页设计中，为了提高数据可读性和美观性，经常会在表格中使用隔行变色的技巧。"js 表格隔行颜色"这个话题主要关注如何使用JavaScript来实现HTML表格中行与行之间颜色的交替显示。以下将详细介绍三种常见的JavaScript实现方式，以及额外的一种扩展方法。
1. **CSS Expression方法**：
CSS表达式是Internet Explorer特有的功能，允许在CSS属性值中使用JavaScript表达式。在第一种方法中，我们通过CSS样式定义`tr`元素的`bgColor`属性，利用表达式`(this.rowIndex)%2==0`来判断当前行是否为偶数行，如果是偶数行，背景色设为'white'，否则设为'yellow'。这种方法只适用于支持CSS表达式的IE浏览器。
2. **直接遍历表格行并设置背景色**：
第二种方法通过JavaScript遍历表格的所有行，对每一行进行判断。使用`for`循环，如果行索引`i`除以2的余数为0，即偶数行，背景色设为'white'；否则，背景色设为'yellow'。这种方法兼容性更好，适用于所有支持JavaScript的浏览器。
3. **优化版的直接遍历**：
第三种方法是对第二种方法的优化，使用一个布尔变量`isToggled`来减少条件判断。初始时`isToggled`为`false`，在循环中每次迭代都取反，根据`isToggled`的值来决定背景色。这样可以避免每次循环都进行余数计算，提高了效率。
4. **鼠标悬停时改变背景颜色**：
此外，还展示了如何在表格单元格上添加`onmouseover`和`onmouseout`事件，以便当鼠标悬停在单元格上时改变背景颜色，离开后恢复原色。
5. **个人方法一**：
这个方法是在页面加载完成后，通过`window.onload`事件处理函数获取表格元素，然后遍历并设置行的背景颜色，与第二种方法类似，但使用`getElementById`获取表格，适用于具有ID的表格。
6. **个人方法二**：
这种方法结合了HTML、CSS和JavaServer Pages（JSP）的EL（Expression Language）表达式，根据行号模2的结果来决定背景颜色。这种方法适用于使用JSP的服务器端开发环境。
以上各种方法都是为了让表格看起来更清晰，提升用户体验。选择哪种方法取决于项目需求、浏览器兼容性和开发环境。对于现代浏览器，推荐使用不依赖CSS表达式的方案，以确保更好的性能和兼容性。同时，也可以结合CSS预处理器如Sass或Less来实现更复杂的颜色交替效果。
