web前端开发课后习题汇总
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
$(document)._____ready__ (function(){
$("button").click(function(){
$.____post__ ("demo_test_post ",
{
name:"Donald Duck",
city:"Duckburg"
},
function(___data___,status){
50)</form>
51)</body>
52)</html>
3.
null常用来描述“空值”，对null执行typeof运算，返回字符串“object”。
undefined是预定义的全局变量，它的值就是“未定义”，用typeof运算符得到undefined类型，返回undefined。变量没有初始化时是undefined，函数没有返回值，返回undefined
<div class=”menu”>
<ul>
<li><a class=”home” href=”home.html”>首页</a></li>
<li><a href=”about.html”></a>关于</li>
</ul>
</div>
A..menu a {color:#fff;}
B.li a {color:#fff;}
窗体底端
6.下面哪一个标符可以产生一个表行？（C）
A.<HR>
B.<BR>
C.<TR>
D.<T1>
（<HR>：表示一条横线<BR> :可插入一个简单的换行符<TR>产生一个表行）
7.meta标签可以出现在()中（A）
<head>
<body>
<title>
<link>
8.可以仅仅把“首页”二字设置为白色的样式是（C）
补全下面的代码：
<!DOCTYPE html>
<html>
<head>
<script _____src_="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).___ready_____(function(){
31Hale Waihona Puke Baidu</td>
32)<td>
33)<input id="text1" type="text" name="text1" onBlur="checkname()"> <div id="div1" style="display:inline;"> </div>
34)</td>
35)</tr>
36)<tr>
$("#hide").click(function(){
$("p").____hide____ ();//点击隐藏，会隐藏此项。
});
$("#show").click(function(){
$("p").______show_______ ();
});
$("button").click(function(){
C..menu .home {color:#fff;}
D.div.menu li a {color:#fff;}
9.在css选择器当中，优先级排序正确的是（B）
A.id选择器>标签选择器>类选择器
B.id选择器>类选择器>标签选择器
C.类选择器>标签选择器>id选择器
D.标签选择器>类选择器>id选择器
$("p").___css______("background-color","red");
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
<button>点击可以改变颜色</button>
<button id="hide" type="button">隐藏</button>
16)div.innerHTML = "<font color=red>姓名不能为空！</font>"; document.form1.text1.focus(); return false; }
17)return true;
18)}
19)function checkpassword(){
20)var div = document.getElementById("div2"); div.innerHTML = "";
42)</td>
43)</tr>
44)<tr align="center">
45)<td align="center"><input type="submit" value="提交" name="text8">
46)</td>
47)<td align="center"> </td>
48)</tr>
49)</table>
23)return true;
24)}
25)</script>
26)</head>
27)<body>
28)<form name="form1" onSubmit="return check()"> <table border="1" align="center"> <tr>
29)<td>
30)<div align="right">用户名：</div>
18.js中如何编写当i等于5时执行一些语句的条件语句？（A）
A.if (i==5)
B.if i=5 then
C.if i=5
C.<input type="dropdown">
D.<select>
窗体底端
4.请选择可以使单元格中的内容进行左对齐的正确HTML标签：（A）
A.<td align="left">
B.<td valign="left">
C.<td leftalign>
D.<tdleft>
窗体底端
5.在下列的HTML中，哪个可以产生超链接？（B）
11)function checkname(){
12)var div = document.getElementById("div1");
13)div.innerHTML = "";
14)var name1 = document.form1.text1.value;
15)if (name1 == "") {
2.在下列的HTML中，哪个可以产生复选框？（C）
A.<input type="check">
B.<checkbox>
C.<input type="checkbox">
D.<check>
窗体底端
3.在下列的HTML中，哪个可以产生下拉列表？（D）
A.<list>
B.<input type="list">
<button>向页面发送HTTP POST请求，并获得返回的结果</button>
<buttonid=”button”>点击可以改变颜色</button>
</body>
</html>
二、单选
1.在下列的HTML中，哪个是最大的标题？（D）
A.<h6>
B.<head>
C.<heading>
D.<h1>
D.<p>A <b><i>short</b> paragraph
14.在以下的HTML中，哪个是正确引用外部样式表的方法？（B）
A.<style src="mystyle.css">
B.<link rel="stylesheet" type="text/css" href="mystyle.css">
A.<a url="http://www.w3school.com.cn">W3School.com.cn</a>
B.<a href="http://www.w3school.com.cn">W3School</a>
C.<a>http://www.w3school.com.cn</a>
D.<a name="http://www.w3school.com.cn">W3School.com.cn</a>
5)判断密码不能为空（2分）
6)正确提示错误信息（2分）
7)<html>
8)<head>
9)<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>欢迎进入注册页面</title>
10)<script language="javascript">
21)var password = document.form1.text2.value; if (password == "") {
22)div.innerHTML = "<font color=red>密码不能为空！</font>"; document.form1.text2.focus(); return false; }
A.10px
B.20px
C.40px
D.30px
11.img标签中的alt属性的作用是c
A.表示图片的名称
B.无实际意义，可有可无
C.提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息
D.等比缩放图片大小
12.列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？（A）
A.<UL>
B.<OL>
alert("数据：" + data + "\n状态：" + status);
});
});
$("#button").click(function(){
$("p").____css
___("background-color","red");
});
});
});
</script>
</head>
<body>
C.<DIR>
D.<DL>
13.下列哪些是格式良好的HTML？（B）
A.<p>A <b><i>short</b></i> paragraph</p>
B.<p>A <b><i>short</i></b> paragraph</p>
C.<p>A <b><i>short</i></b> paragraph
C. document.getElementById('button1').style.backGroundColor="red";
D. document.getElementById('button1').style.bgcolor="red";
10.CSS样式，边距：10px 20px 40px 30px；哪一个是底边距？（C）
C.<stylesheet>mystyle.css</stylesheet>
D.<stylesheets>mystyle.css</stylesheets>
15.在HTML文档中，引用外部样式表的正确位置是？（D）
A：文档的末尾B：文档的顶部
C：<body>部分D：<head>部分
16.我们可以在下列哪个HTML元素中放置Javascript代码？（A）
9．页面有一个按钮button id为button1，通过原生的js设置背景色为红色？
正确答案: B.
A. document.getElementById('button1').style.backgroundColor="red";
B. document.getElementById('button1').style.backgroundcolor="red";
web前端开发课后习题汇总
一、简答题
1.
cookie安全性底，存在客户端，大小只有4K，有限制；
session安全性高，存在服务器端，对服务器压力大。
2.
1)要求设计出用户名、密码输入框（5分）
2)在正确的地方添加事件（2分）
3)正确定义js（或jquery）函数（2分）
4)判断用户名不能为空（2分）
37)<td>
38)<div align="right">密码：
39)</div></td>
40)<td>
41)<input id="text2" type="password" name="text2" onBlur="checkpassword()"> <div id="div2" style="display:inline"> </div>
A.<script>
B.<javascript>
C.<js>
D.<scripting>
17.如何在警告框中写入"Hello World"？（C）
A.alertBox="Hello World"
B.msgBox("Hello World")
C.alert("Hello World")
D.alertBox("Hello World")
<button id="show" type="button">显示</button>
</body>
</html>
4.
<!DOCTYPE html>
<html>
<head>
<script _____src____="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$("button").click(function(){
$.____post__ ("demo_test_post ",
{
name:"Donald Duck",
city:"Duckburg"
},
function(___data___,status){
50)</form>
51)</body>
52)</html>
3.
null常用来描述“空值”，对null执行typeof运算，返回字符串“object”。
undefined是预定义的全局变量，它的值就是“未定义”，用typeof运算符得到undefined类型，返回undefined。变量没有初始化时是undefined，函数没有返回值，返回undefined
<div class=”menu”>
<ul>
<li><a class=”home” href=”home.html”>首页</a></li>
<li><a href=”about.html”></a>关于</li>
</ul>
</div>
A..menu a {color:#fff;}
B.li a {color:#fff;}
窗体底端
6.下面哪一个标符可以产生一个表行？（C）
A.<HR>
B.<BR>
C.<TR>
D.<T1>
（<HR>：表示一条横线<BR> :可插入一个简单的换行符<TR>产生一个表行）
7.meta标签可以出现在()中（A）
<head>
<body>
<title>
<link>
8.可以仅仅把“首页”二字设置为白色的样式是（C）
补全下面的代码：
<!DOCTYPE html>
<html>
<head>
<script _____src_="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).___ready_____(function(){
31Hale Waihona Puke Baidu</td>
32)<td>
33)<input id="text1" type="text" name="text1" onBlur="checkname()"> <div id="div1" style="display:inline;"> </div>
34)</td>
35)</tr>
36)<tr>
$("#hide").click(function(){
$("p").____hide____ ();//点击隐藏，会隐藏此项。
});
$("#show").click(function(){
$("p").______show_______ ();
});
$("button").click(function(){
C..menu .home {color:#fff;}
D.div.menu li a {color:#fff;}
9.在css选择器当中，优先级排序正确的是（B）
A.id选择器>标签选择器>类选择器
B.id选择器>类选择器>标签选择器
C.类选择器>标签选择器>id选择器
D.标签选择器>类选择器>id选择器
$("p").___css______("background-color","red");
});
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
<button>点击可以改变颜色</button>
<button id="hide" type="button">隐藏</button>
16)div.innerHTML = "<font color=red>姓名不能为空！</font>"; document.form1.text1.focus(); return false; }
17)return true;
18)}
19)function checkpassword(){
20)var div = document.getElementById("div2"); div.innerHTML = "";
42)</td>
43)</tr>
44)<tr align="center">
45)<td align="center"><input type="submit" value="提交" name="text8">
46)</td>
47)<td align="center"> </td>
48)</tr>
49)</table>
23)return true;
24)}
25)</script>
26)</head>
27)<body>
28)<form name="form1" onSubmit="return check()"> <table border="1" align="center"> <tr>
29)<td>
30)<div align="right">用户名：</div>
18.js中如何编写当i等于5时执行一些语句的条件语句？（A）
A.if (i==5)
B.if i=5 then
C.if i=5
C.<input type="dropdown">
D.<select>
窗体底端
4.请选择可以使单元格中的内容进行左对齐的正确HTML标签：（A）
A.<td align="left">
B.<td valign="left">
C.<td leftalign>
D.<tdleft>
窗体底端
5.在下列的HTML中，哪个可以产生超链接？（B）
11)function checkname(){
12)var div = document.getElementById("div1");
13)div.innerHTML = "";
14)var name1 = document.form1.text1.value;
15)if (name1 == "") {
2.在下列的HTML中，哪个可以产生复选框？（C）
A.<input type="check">
B.<checkbox>
C.<input type="checkbox">
D.<check>
窗体底端
3.在下列的HTML中，哪个可以产生下拉列表？（D）
A.<list>
B.<input type="list">
<button>向页面发送HTTP POST请求，并获得返回的结果</button>
<buttonid=”button”>点击可以改变颜色</button>
</body>
</html>
二、单选
1.在下列的HTML中，哪个是最大的标题？（D）
A.<h6>
B.<head>
C.<heading>
D.<h1>
D.<p>A <b><i>short</b> paragraph
14.在以下的HTML中，哪个是正确引用外部样式表的方法？（B）
A.<style src="mystyle.css">
B.<link rel="stylesheet" type="text/css" href="mystyle.css">
A.<a url="http://www.w3school.com.cn">W3School.com.cn</a>
B.<a href="http://www.w3school.com.cn">W3School</a>
C.<a>http://www.w3school.com.cn</a>
D.<a name="http://www.w3school.com.cn">W3School.com.cn</a>
5)判断密码不能为空（2分）
6)正确提示错误信息（2分）
7)<html>
8)<head>
9)<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>欢迎进入注册页面</title>
10)<script language="javascript">
21)var password = document.form1.text2.value; if (password == "") {
22)div.innerHTML = "<font color=red>密码不能为空！</font>"; document.form1.text2.focus(); return false; }
A.10px
B.20px
C.40px
D.30px
11.img标签中的alt属性的作用是c
A.表示图片的名称
B.无实际意义，可有可无
C.提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息
D.等比缩放图片大小
12.列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？（A）
A.<UL>
B.<OL>
alert("数据：" + data + "\n状态：" + status);
});
});
$("#button").click(function(){
$("p").____css
___("background-color","red");
});
});
});
</script>
</head>
<body>
C.<DIR>
D.<DL>
13.下列哪些是格式良好的HTML？（B）
A.<p>A <b><i>short</b></i> paragraph</p>
B.<p>A <b><i>short</i></b> paragraph</p>
C.<p>A <b><i>short</i></b> paragraph
C. document.getElementById('button1').style.backGroundColor="red";
D. document.getElementById('button1').style.bgcolor="red";
10.CSS样式，边距：10px 20px 40px 30px；哪一个是底边距？（C）
C.<stylesheet>mystyle.css</stylesheet>
D.<stylesheets>mystyle.css</stylesheets>
15.在HTML文档中，引用外部样式表的正确位置是？（D）
A：文档的末尾B：文档的顶部
C：<body>部分D：<head>部分
16.我们可以在下列哪个HTML元素中放置Javascript代码？（A）
9．页面有一个按钮button id为button1，通过原生的js设置背景色为红色？
正确答案: B.
A. document.getElementById('button1').style.backgroundColor="red";
B. document.getElementById('button1').style.backgroundcolor="red";
web前端开发课后习题汇总
一、简答题
1.
cookie安全性底，存在客户端，大小只有4K，有限制；
session安全性高，存在服务器端，对服务器压力大。
2.
1)要求设计出用户名、密码输入框（5分）
2)在正确的地方添加事件（2分）
3)正确定义js（或jquery）函数（2分）
4)判断用户名不能为空（2分）
37)<td>
38)<div align="right">密码：
39)</div></td>
40)<td>
41)<input id="text2" type="password" name="text2" onBlur="checkpassword()"> <div id="div2" style="display:inline"> </div>
A.<script>
B.<javascript>
C.<js>
D.<scripting>
17.如何在警告框中写入"Hello World"？（C）
A.alertBox="Hello World"
B.msgBox("Hello World")
C.alert("Hello World")
D.alertBox("Hello World")
<button id="show" type="button">显示</button>
</body>
</html>
4.
<!DOCTYPE html>
<html>
<head>
<script _____src____="/jquery/jquery-1.11.1.min.js">
</script>
<script>