冬季女装

【代码：】

//自定义验证用户名的方法

functionvalidate_strLenght(str){

varregExp=/^(w){6,2021/;

(str);

}

//自定义的验证email方法

functionvalidate_email(str){

varregExp=/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]

w+)*$/;

(str);

}

//自定义验证密码的方法

functionvalidate_pwd(str){

varregExp=/^[a-zA-Z]w{5,15}/;

(str);

}

//根据表单控件ur的id填写

varurname=mentById("〔1〕

");

//通过id获取元素

varemail=document.〔2〕("email");

//根据表单控件pwd的id填写

varpwd=mentById("〔3〕");

//通过id获取元素

varpwdOK=document.〔4〕("pwdOK");

//通过标签名获取元素

varform=document.〔5〕("form")[0];

//表单提交

form.〔6〕=function(){

//使用自定义方法验证用户名、验证邮箱

if(validate_strLenght(〔7〕)&&

〔8〕()&&validate_pwd()&&chec

kOk()){

()

()

()

returnfal;

}el{

//控制台输出

〔9〕.log("验证失败")

returnfal;

}

}

//检查用户名

=function(){

if(validate_strLenght()){

("用户名符合要求")

}el{

("用户名不符合要求")

}

}

//检查meil

=function(){

if(validate_email()){

("邮箱格式符合要求")

}el{

("邮箱格式不符合要求")

}

}

//密码框失去焦点的时候

pwd.〔10〕=function(){

if(validate_pwd()){

("密码符合要求")

}el{

("密码不符合要求")

}

}

functioncheckOk(){

if(==){

("密码与重复密码一致")

returntrue

}el{

("密码与重复密码不一致")

returnfal

}

}

p=checkOk

【问题】〔2021每空2分〕

根据注释，补全代码，在〔1〕至〔10〕处填入正确的内容。

试题四〔16分〕

阅读以下说明、效果图和代码，进行动态网页开发，答复以

下问题1至问题4。

【说明】

某公司要制作自己的官网首页，经过研究，侧边栏采用手风

琴菜单效果。现在我们需要编写该网站效果图局部的代码。

工程名称为accordion，包含首页、css文件夹、js

文件夹，其中，css文件夹包含文件；js文件夹包含

和。

【效果图】

图4-1

【代码首页】

要求

信念

【代码】

$(".boxullih2").click(function(e){

opagation();

//被点击的h2的next的div下拉展开，其余的li

内部的div上拉收起，时间800毫秒。

$(this).next().stop().(1).parents("li").siblings().fi

nd("div")

.stop().(2);

$(this).parent().stop().addClass("cur").siblings().stop().re

moveClass("cur");

})

//点击事件

$(document).(3)(function(){

//所有div上拉收起，时间800毫秒。

$(".boxulli").find("div").(4);

})

【问题】〔16分，每空4分〕

根据注释，补全代码，在〔1〕至〔4〕处填入正确的内容。

试题五〔16分〕

阅读以下说明、效果图和代码，进行静态网页开发，答复以

下问题1至问题8。

【说明】

某互联网公司开发官网的首页，为了适配移动端，决定菜单

采用底部固定形式。现在需要编写代码实现效果。

工程名称为menu，包含首页、css文件夹、js文

件夹，其中，css文件夹包含文件；js文件夹包含

和。

【效果图】

图5-1

【代码】

1,maximum-scale=1,ur-scalable=no">

首页

1.5pxsolid#F2F2F2">工程

工程

效劳

1.5pxsolid#F2F2F2">中心公告

中心资讯

资讯

我的账户

【代码】

a{

text-decoration:none;

color:#333;

}

/*固定定位*/

.layout-footer{

position:(1);

z-index:9999;

/*左边距离0px，底边距离0px*/

left:(2);

bottom:(3);

/*实现flex布局，主轴对齐方式是两端对齐，工程之间的间隔都

相等。*/

display:(4);

justify-content:(5);

width:100%;

height:50px;

border-top:1pxsolidgainsboro;

color:black;

text-align:center;

background-color:#f2f2f2;

}

/*此处省略局部与此题无关的css*/

【代码】

$(".bottom_nava").click(function(e){

opagation();

//被点击a的上一个div元素样式设置为block，其余工程

的div的隐藏。

$(this).prev().stop().(6).parent().siblings()

.children(".layout-submenu").stop().(7);

})

$(document).click(function(){

//点击页面的任意地方，二级菜单全部取消

$(".boxulli").find("div").(8);

})

【问题】〔16分，每空2分〕

根据注释，补全代码，在〔1〕至〔8〕处填入正确的内容。