博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 输出表格
阅读量:7172 次
发布时间:2019-06-29

本文共 595 字,大约阅读时间需要 1 分钟。

输出一个表格,奇偶行背景色不同,鼠标移动行的背景色高亮。

 

这是一个很简单的小示例,这里训练一下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;
}
 

转载地址:http://xpbzm.baihongyu.com/

你可能感兴趣的文章
198. 打家劫舍
查看>>
错误之处(二)
查看>>
解决insert语句插入时,需要写列值的问题
查看>>
CSS选择器 < ~ +
查看>>
Opengl_es模型矩阵位置:glFrustumx与glTranslatef参数的相互影响--立方体旋转特效
查看>>
JS小功能系列8省市联动
查看>>
《程序是怎样跑起来的》第八章读后感
查看>>
YCD 软件更新方法
查看>>
CentOS 6.5 + Nginx 1.8.0 + PHP 5.6(with PHP-FPM) 负载均衡源码安装 之 (四)问题汇总
查看>>
mybatis中的#和$的区别
查看>>
synchronized 解决死锁的问题 轉貼
查看>>
poj2524(并查集)买一送一hdu1213
查看>>
ADO.NET详解----核心对象的使用
查看>>
ICM Technex 2018 and Codeforces Round #463 (Div. 1 + Div. 2, combined)
查看>>
如何让linux定时任务crontab按秒执行
查看>>
yaf代码生成工具的使用
查看>>
Scrum方法论(四)
查看>>
程序员,请不要抢系统管理员的饭碗
查看>>
第10章代码《跟老男孩学习Linux运维:Shell编程实战》
查看>>
redux-form(V7.4.2)笔记(一)
查看>>