web前端开发课后习题汇总Word格式.docx
《web前端开发课后习题汇总Word格式.docx》由会员分享，可在线阅读，更多相关《web前端开发课后习题汇总Word格式.docx（13页珍藏版）》请在冰豆网上搜索。
20）vardiv=document.getElementById（"
div2"
div.innerHTML="
21）varpassword=document.form1.text2.value;
if（password=="
22）div.innerHTML="
密码不能为空！
document.form1.text2.focus（）;
23）returntrue;
24）}
25）<
/script>
26）<
/head>
27）<
body>
28）<
formname="
form1"
onSubmit="
returncheck（）"
tableborder="
1"
align="
center"
tr>
29）<
td>
30）<
divalign="
right"
用户名：
/div>
31）<
/td>
32）<
33）<
inputid="
text1"
type="
text"
name="
onBlur="
checkname（）"
divid="
style="
display:
inline;
34）<
35）<
/tr>
36）<
37）<
38）<
密码：
39）<
40）<
41）<
text2"
password"
checkpassword（）"
inline"
42）<
43）<
44）<
tralign="
45）<
tdalign="
inputtype="
submit"
value="
提交"
text8"
46）<
47）<
48）<
49）<
/table>
50）<
/form>
51）<
/body>
52）<
/html>
3.null和undefined的区别？
null常用来描述“空值”，对null执行typeof运算，返回字符串“object”。
undefined是预定义的全局变量，它的值就是“未定义”，用typeof运算符得到undefined类型，返回undefined。
变量没有初始化时是undefined，函数没有返回值，返回undefined
补全下面的代码：
!
DOCTYPEhtml>
script_____src_="
/jquery/jquery-1.11.1.min.js"
scripttype="
text/javascript"
$（document）.___ready_____（function（）{
$（"
#hide"
）.click（function（）{
p"
）.____hide____（）;
//点击隐藏，会隐藏此项。
}）;
#show"
）.______show_______（）;
$（"
button"
）.___css______（"
background-color"
"
red"
}）;
pid="
p1"
如果点击“隐藏”按钮，我就会消失。
/p>
button>
点击可以改变颜色<
/button>
buttonid="
hide"
隐藏<
show"
显示<
4.补全下面的代码（10分）：
script_____src____="
script>
$（document）._____ready__（function（）{
$.____post__（"
demo_test_post"
{
name:
DonaldDuck"
city:
Duckburg"
},
function（___data___,status）{
alert（"
数据：
+data+"
\n状态：
+status）;
#button"
）.____css
___（"
向页面发送HTTPPOST请求，并获得返回的结果<
buttonid=”button”>
二、单选
1.在下列的HTML中，哪个是最大的标题？
（D）
A.<
h6>
B.<
C.<
heading>
D.<
h1>
2.在下列的HTML中，哪个可以产生复选框？
（C）
check"
checkbox>
checkbox"
check>
窗体底端
3.在下列的HTML中，哪个可以产生下拉列表？
list>
list"
dropdown"
select>
4.请选择可以使单元格中的内容进行左对齐的正确HTML标签：
（A）
left"
tdvalign="
tdleftalign>
tdleft>
5.
在下列的HTML中，哪个可以产生超链接？
（B）
aurl="
W3S<
/a>
ahref="
W3School<
a>
aname="
6.下面哪一个标符可以产生一个表行？
HR>
BR>
TR>
T1>
（<
：
表示一条横线
:
可插入一个简单的换行符
产生一个表行）
7.meta标签可以出现在（）中（A）
link>
8.可以仅仅把“首页”二字设置为白色的样式是（C）
divclass=”menu”>
ul>
li>
aclass=”home”href=”home.html”>
首页
/li>
ahref=”about.html”>
关于
/ul>
A..menua{color:
#fff;
}
B.lia{color:
C..menu.home{color:
D.div.menulia{color:
9.在
css
选择器当中，优先级排序正确的是（B）
A.id选择器>
标签选择器>
类选择器
B.id选择器>
类选择器>
标签选择器
C.类选择器>
id选择器
D.标签选择器>
9．页面有一个按钮buttonid为button1，通过原生的js设置背景色为红色？
正确答案:
B.
A.document.getElementById（'
button1'
）.style.backgroundColor="
B.document.getElementById（'
）.style.backgroundcolor="
C.document.getElementById（'
）.style.backGroundColor="
D.document.getElementById（'
）.style.bgcolor="
10.CSS
样式，边距：
10px20px40px30px
；
哪一个是底边距？
A.10px
B.20px
C.40px
D.30px
11.img标签中的alt属性的作用是c
A.表示图片的名称
B.无实际意义，可有可无
C.提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息
D.等比缩放图片大小
12.列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？
UL>
OL>
DIR>
DL>
13.下列哪些是格式良好的HTML？
p>
A<
b>
i>
short<
/b>
/i>
paragraph<
paragraph
14.在以下的HTML中，哪个是正确引用外部样式表的方法？
stylesrc="
mystyle.css"
linkrel="
stylesheet"
text/css"
href="
stylesheet>
mystyle.css<
/stylesheet>
stylesheets>
/stylesheets>
15.在HTML文档中，引用外部样式表的正确位置是？
A：
文档的末尾
B：
文档的顶部
C：
部分D：
部分
16.我们可以在下列哪个HTML元素中放置Javascript代码？
javascript>
js>
scripting>
17.如何在警告框中写入"
HelloWorld"
？
A.alertBox="
B.msgBox（"
）
C.alert（"
D.alertBox（"
18.js中如何编写当i等于5时执行一些语句的条件语句？
A.if（i==5）
B.ifi=5then
C.ifi=5
D.ifi==5then
19.
js中for循环如何开始？
A.for（i<
=5;
i++）
B.for（i=0;
i<
C.for（i=0;
=5）
D.fori=1to5
20.jQuery的简写是？
A.?
符号
B.$符号
C.%符号
D.&
符号
21.把所有p元素的背景色设置为红色的正确jQuery代码是？
A.$（"
）.manipulate（"
B.$（"
）.layout（"
C.$（"
）.style（"
D.$（"
）.css（"
22.通过jQuery，$（"
div.intro"
）能够选取的元素是？
A.class="
intro"
的首个div元素
B.id="
C.class="
的所有div元素
D.id="
23.下面哪个jQuery方法用于隐藏被选元素？
A.hidden（）
B.hide（）
C.display（none）
D.visible（false）
24.下面哪个jQuery方法用于执行异步HTTP请求？
A.jQuery.ajax（）
B.jQuery.ajaxAsync（）
C.jQuery.ajaxSetup（）
D.jQuery.postGet（）
25.下面哪个jQuery函数用于在文档结束加载之前阻止代码运行？
$（document）.ready（）
$（document）.load（）
$（body）.onload（）
$（body）.ready（）
26.$（"
div#intro.head"
）选择器选取哪些元素？
A.id="
或class="
head"
B.class="
的任何div元素中的首个id="
的元素
C.id="
的首个div元素中的class="
的所有元素
的首个head元素中的class="
div"
∙
三、多选
1.jqueryajax中都支持哪些数据类型？
（ABCD）
A.xml
B.html
C.jsonp
D.json
2.下面属于javascript基本数据类型的有？
（ABCD）
A.字符串
B.数字
C.null
D.undefined
3.下面有关html结构描述正确的有？
（abd）
ol>
/ol>
dl>
dt>
dd>
/dd>
/dt>
/dl>
table>
4.以下是行内元素的有（AB）
A.span
B.input
C.ul
D.p
5.下面有关javascript内部对象的描述，正确的有？
A.History对象包含用户（在浏览器窗口中）访问过的URL
B.Location对象包含有关当前URL的信息
C.Window对象表示浏览器中打开的窗口
D.Navigator对象包含有关浏览器的信息
6.嵌入在HTML文档中的图像格式可以是？
（ACD）
A.*.gif
B.*.tif
C.*.png
D.*.jpg
7.问一份标准的HTML文档有哪几个HTML标签？
8.通过分析如下HTML代码，可以得出（AD）
A.该表格共有2行3列
B.该表格中的文字均居中显示
C.该表格的边框宽度为10毫米
D."
员工号"
单元个跨2列
四、判断题
1.外部脚本必须包含<
标签。
错
2.jQuery是JSON库。
错
3.通过jQuery，选择器$（"
）选取首个div元素错
4.可以将jQuery与AJAX一起使用对
5.jQueryhtml（）方法适用于HTML和XML文档错
6.post传递数据时能在浏览器中显示所传输的信息类容。
对
7.谷歌浏览器全名为googlebrower运用webkit内核。
错
8.我们一般在浏览器调试时按F12刷新窗口，用F5打开调试界面错
9.BackBone是一款优秀的CSS样式框架。
10.js中alert表示弹出一个提示框，可以点击确定和取消两个按钮。
错
11.通过jQuery，向下遍历DOM树时通过$（"
）.children（）;
能得到下一级元素（对）
12.通过$（"
）.style（{"
yellow"
可以将段落设置成黄色（对）
13.通过$（"
#div1"
）.remove（）只能清除被选元素的子元素;
（错）
14.当鼠标从元素上移开时，jQuery使用.mouseout事件。
（对）
15.#ff0000在html中可以表示红色。
（错）
16.样式的优先级为内联样式大于内部样式大于外部样式。
17.在Html5中可以通过video标签来完成视频的引入。
（错）
18.localStorage方法存储的数据没有时间限制。
第二天、第二周或下一年之后，数据依然可用。
19.我们在设计Html5页面时不用考虑其兼容性，因为所有的浏览器现在都支持Html5。
五、填空题
1、目前常用的WEB标准静态页面语言是__HTML______。
2、改变元素的外边距用___margin_____，改变元素的内填充用__padding______
3、在Table中，TR是_表行_______，TD是____表列____。
4、如果给一行两列的表格（table）定义高度样式，在___〈__td_〉__标签中定义最合理，最能减少代码的臃肿。
5、对ulli的样式设成无，应该是用属性list-styl-type：
___square_____。
6、在新窗口打开链接的方法是___-blank_____。
7、Color:
#ffffff;
可缩写为______Color:
#fff__。
8、合理的页面布局中常听过结构与表现分离，那么结构（即盒子）是__css______，表现（即样式）是___html_____。
9、获取一个字符串中的数字字符，并按数组形式输出，如dgeshx244bhku249fgbodyhdy672gfh输出[244,249,672]
letstr='
dgeshx244bhku249fgbodyhdy672gfh'
letregExp=_______;
console.log（str.________（regExp））;
．Backbone由事件（Events）、model、collection、view及路由（router）等模块组成。
其中collection是Backbone中所有数据模型的基类，用于封装原始数据，并提供对数据进行操作的方法，我们一般通过继承的方式来扩展和使用它。
升级会员 