输出一个表格,奇偶行背景色不同,鼠标移动行的背景色高亮。
这是一个很简单的小示例,这里训练一下JS的循环、分支、事件这几个知识点。
1. 仅使用 while 循环控制输出时,一般肯定会配置计数变量
2. 用取模来控制输出格式
3. 输出行时添加 onmouseover 和 onmouseout 事件,并传参。
4. 这里的参数 this 指向的就是事件源(mouse 位于的 tr 这行)
var i = 0;
var bg = null;
var color = null;
document.write('
while(i < 100){
if(i % 10 == 0){
if(i % 20 == 0)
bg="#cccccc";
else
bg="#ffffff";
document.write('');
}
document.write('' + i + '');
i++;
if(i % 10 == 0){
document.write('');
}
}
document.write('');
function showBG(obj){
color = obj.bgColor;
obj.bgColor = "orange";
}
function unShowBG(obj){
obj.bgColor = color;
}