表格隔行变色

1.window.onload 是一个 JavaScript 事件，它会在页面完成加载（包括 HTML、CSS、图片、脚本等所有资源）后触发。这个事件非常有用，因为它确保了在尝试访问或修改页面上的任何元素之前，页面已经完全加载并准备好了。

window.onload = function() {
    var rows = document.querySelectorAll('table tr');
    for (var i = 0; i < rows.length; i++) {
        if (i % 2 === 0) { // 偶数行
            rows[i].style.backgroundColor = '#f2f2f2';
        } else { // 奇数行
            // 可以省略，因为默认背景色通常是白色
            // rows[i].style.backgroundColor = '#ffffff';
        }
    }
};

2.$(document).ready() 是 jQuery 中的一个函数，它确保在文档结构（DOM）加载完成后执行指定的代码。与原生 JavaScript 的 window.onload 不同，$(document).ready() 会在 HTML 文档结构被加载和解析完成后立即执行，而无需等待样式表、图片和子框架的完成加载。

$(document).ready(function() {
    $('table tr').each(function(index) {
        if (index % 2 === 0) { // 偶数行
            $(this).css('background-color', '#f2f2f2');
        } else { // 奇数行
            // 可以省略，因为默认背景色通常是白色
            // $(this).css('background-color', '#ffffff');
        }
    });
});