javascript编程实验（二）

实验题目 javascript编程实验(二)

一、实验目的

1．熟练使用HTML+CSS实现网页布局；

2. 掌握javascript的基本语法并使用javascript编程实现网页设计。

二、实验环境 1、硬件环境： 2、软件环境

（1）操作系统：windows XP Professional，版本2002，Service Pack 3 （2）编程环境：WebStorm-9.0.1

三、实验内容

利用javascript +css+div实现如下网页效果：

四、实验过程

1. 新建New Project,创建HTML File;

2. 使用javascript +css+div样式，按照实验要求网页布局； 3. 分别使用不同浏览器（IE、360浏览器等）测试网页效果； 4. 根据测试效果调整网页。 5. 页面效果如图:

五、源程序清单

全选

复选框全选示例

1
作用：

2

a.单击列头复选框全选或全不选子项

3

b.只要用一个子项没有选中，则取消列头的选中状态

4

c.当所有子项目选中时，列头复选框自动置为选中状态

5
...

6
...

7
...

8
...

9
...

10
...

反选

...

六、总结

本文来源：https://www.bwwdw.com/article/18kx.html