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');
}
});
});