以下题目均应用原生态JavaScript完成:
-
新建一个空页面,用一段JS在页面加载完后生成如下要求的页面:
- body背景颜色设为深绿色
- 插入一个h1,白色,粗体,内容为:“Welcome”
- 插入一个div,设置class为content
- 在div内插入一个图片,设置右浮动
- 在div内插入一个p,设置class为content,白色,内容为:“hello world!”
-
为以下列表:
<ul>
<li><a href='#' title='page1'>page1</a></li>
<ul>
通过复制元素,为该列表增加5个li元素,最后获得6个li,设置每个a的title和内容为“page+序号”
-
在题目2结果的html代码基础下完成:为列表添加点击事件,弹出内容为a的title(可能要用到简单的闭包)
-
完成页面,页面至少包含以下特征:一个横向导航栏,导航栏主体为一个矩形,导航栏菜单项为若干颜色方块,颜色包括(c7c6c2,be9323,932027,d84e0f,d78f83,fa8c01,1087c1,013e74,817a68,59b79d,09deec,1a1f25)。实现功能,点击导航栏相应项,页面背景颜色变成菜单项颜色。(页面基本结构和样式用html/css完成)
-
一个简单的注册页面。包含用户名,邮箱,密码,性别,注册按钮。页面样式不作要求。完成以下验证功能:
- 点击注册按钮进行检查,相应项不满足要求则在改项目下面显示一句红色提醒语句(可用包含在html中,默认隐藏)
- 所有项不能为空
- 用户名,长度4~12
- 邮箱应符合邮箱的格式
(/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i)
- 密码长度6~16,两个密码框内的密码必须一致
- 性别不能未选
- 提醒语句内容自定
题目提交说明:
- 形式:开卷
- 时间:3小时
- 命名规范:总文件夹名js-test-你的名字,子文件夹名js-test-题号
- 要求: 缩进良好,较难处有适当注释说明