Naiteluo

home

JavaScript 测试题

23 Jun 2012

以下题目均应用原生态JavaScript完成:

  1. 新建一个空页面,用一段JS在页面加载完后生成如下要求的页面:

    • body背景颜色设为深绿色
    • 插入一个h1,白色,粗体,内容为:“Welcome”
    • 插入一个div,设置class为content
    • 在div内插入一个图片,设置右浮动
    • 在div内插入一个p,设置class为content,白色,内容为:“hello world!”
  2. 为以下列表:

		<ul>
			<li><a href='#' title='page1'>page1</a></li>
		<ul>
		
通过复制元素,为该列表增加5个li元素,最后获得6个li,设置每个a的title和内容为“page+序号”
  1. 在题目2结果的html代码基础下完成:为列表添加点击事件,弹出内容为a的title(可能要用到简单的闭包)

  2. 完成页面,页面至少包含以下特征:一个横向导航栏,导航栏主体为一个矩形,导航栏菜单项为若干颜色方块,颜色包括(c7c6c2,be9323,932027,d84e0f,d78f83,fa8c01,1087c1,013e74,817a68,59b79d,09deec,1a1f25)。实现功能,点击导航栏相应项,页面背景颜色变成菜单项颜色。(页面基本结构和样式用html/css完成)

  3. 一个简单的注册页面。包含用户名,邮箱,密码,性别,注册按钮。页面样式不作要求。完成以下验证功能:

    • 点击注册按钮进行检查,相应项不满足要求则在改项目下面显示一句红色提醒语句(可用包含在html中,默认隐藏)
    • 所有项不能为空
    • 用户名,长度4~12
    • 邮箱应符合邮箱的格式(/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i)
    • 密码长度6~16,两个密码框内的密码必须一致
    • 性别不能未选
    • 提醒语句内容自定

题目提交说明: