web前端试卷
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
li.onclick = function() {
index++;（1分)
alert(index);(2分)
}
}
}
})();
5、答：
href:URL:链接的目标,链接到某个网址href=””（2分）
空链接href=”#”,指向E-mail地址的超级链接href=“mailto:***”;
(图像链接，文本链接，超链接)（3分）
6、答：
1）、CSS（中文译为层叠样式表），它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。（2分）
Web前端试题（共100分）
姓名：班级：学号：成绩：
一.选择题。（2分/题，非单选，共40分）
1. 要动态改变层中内容可以使用的方法有（）
AinnerHTML
BinnerText
C通过设置层的隐藏和显示来实现
D通过设置层的样式属性的display属性
2. 当按键盘A时，使用onKeyDown事件打印event.keyCode的结果是（）
}
varurl = "";（2分)
varps = parseQueryString(url);（1分)
alert(ps["key1"]);（1分)
2、解：
解：
一:内部函数被定义它的函数的外部区域调用的时候就产生了闭包。(2分)
二:
(function A() {
var index = 0;
varul = document.getElementById("test");(2分)
Cdocument.getElementById("mydiv").style.display="none";
Ddocument.getElementById("mydiv").style.display=="none";
19. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?()
varobj = {};
for (var i = 0, l = ul.childNodes.length; i < l; i++) {(1分)
if (ul.childNodes[i].nodeName.toLowerCase() == "li") {（1分)
var li = ul.childNodes[i];{1分)
13. 下列哪项是按下键盘事件()
AonKeyDownBonKeyPressCkeyCodeDonMouseOver
14. javascript进行表单验证的目的是（）
A把用户的正确信息提交给服务器
B检查提交的数据必须服务器端的压力
15. display属性值的常用取值不包括()
1.请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象。(10分)
如：varurl =“″;
2.什么是闭包？下面这个ul，如何点击每一列时alert其index? (10分)
<ul id=”test”>
<li>这是第一条</li>
<li>这是第二条</li>
以下答案中能与for循环代码互换的是: ()
A for(var i =0; i<emp; i++)
B for(var i =0; i<Array(3); i++)
C for(var i =0; i<emp.length(); i++)
D for(var i =0; i<emp.length; i++)
Aopen("x.html","HI","toolbas=1,scrollbars=1,status=1");
Bopen("HI","scrollbars=1,location=1,status=1");
Copen("x.html","status=yes,menubar=1,location=1");
2、简述图层的特点，它与像素和图像的关系是什么？
3、什么是XHTML语言，简述XHTML语言结构？
4、<Span>与<Div>的异同点？
5、简述a标签的几种链接效果？
6、什么是CSS样式？它的作用是什么？
7、什么是盒子模型？它的属性包括哪些？
8、简述Table、Th、Tr、Td的作用。
三.设计题。（10分/题，共20分）
2、答：
1）、图层的特点：有上下关系、可以移动、相对独立、可以合并（2分）
2）、图层是构成图像的重要组成单位（1分），每个图层都由许多像素组成（1分），
而图层又通过叠加方式组成整个图像。（1分）
3、答：
1）、XHTML 指可扩展超文本标签语言（EXtensibleHyperText Markup Language）。
AinlineBblockChiddenDnone
16. 以下有关pixelTop属性与top属性的说法正确的是。()
A都是Location对象的属性
B使用时返回值都是字符串
C都是返回以像素为单位的数值
D以上都不对
17. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口，下列选项正确的是( )
9. 制作级联菜单功能时调用的是下拉列表框的（）事件。
AonChangeBonFocusCselectedDonClick
10. 下列声明数组的语句中，错误的选项是（）。
AVararry= new Array()
BVararry=new Array(3)
CVararry[]=new Array(3)(4)
Boption.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项
Cnew Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示
Dnew Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示
8. varemp = new Array(3);for(var i in emp),
A65B13C97D37
3. 在javascript里，下列选项中不属于数组方法的是（）.
Asort()Blength()Cconcat()Dreverse()
4. 下列哪一个选项可以用来检索被选定的选项的索引号?()
AdisabledBselectedIndexCoptionDmultiple
5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?()
Dopen("x.html","HI","toolbas=yes,menubar=1,location=1");
18. 下面关闭名为mydiv的层的代码正确的是()
Adocument.getElementById(mydiv).style.display="none";
Bdocument.getElementById("mydiv").style.display=none;
returnparams;
}
arr = arr[1].split("&");（1分)
for(var i=0, l=arr.length; i<l; i++){（1分)
var a = arr[i].split("=");（1分)
params[a[0]] = a[1];（1分)
}
returnparams;
2）、CSS的作用是定义网页的外观（例如字体，颜色等等），它也可以和JavaScript等浏览器端脚本语言合作做出许多动态的效果。（3分）
7、答：
1）、盒模型就是指DIV布局中的每一个元素，它们被当作一个盒状物，无论布局如何，它们都是几个盒子相互贴近显示，浏览器通过对这些盒状物的大小和浮动方式来判断下一个盒状物是贴近显示，还是在下一行显示，还是其他显示方式。（2分）
1）、Web标准：结构、表现以及行为。（2分）
2）、结构的web标准技术有：html（超文本标记语言）、xml（可扩展标记语言）、xhtml（可扩展超文本标记语言）（1分）
表现的web标准技术主要有：CSS技术。（1分）
行为的Web标准技术主要有：DOM（文档对象模型）、ECMAScript（JavaScript的扩展脚本语言）。（1分）
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。（共3分）
2）、文档头部:由 <head>...</head> 定义的部分
<th>、<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格.（1分）
三、设计题（10分/题，共20分）
1、解：
解：functionparseQueryString(url){
varparams = {};（1分)
vararr = url.split("?");（1分)
if (arr.length<= 1){
<li>这是第三条</li>
</ul>
答案：
一、选择题（2分/题，非单选，共40分）
1.AB 2.A 3.B 4.B 5.A
6.C 7. AD 8.D 9.A 10.C
11.C 12.D 13.AB 14.B 15.C
16.D 17.D 18.C 19. C 20. D
二、简答题（共40分）
1、答：
2）、内边距(Padding)，外边距(Margin)，边框(Border)（3分）
8、答：
Table表示表格，Tr表示行，Th或Td表示单元格。（2分）
<table>元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格（1分）
<tr>元素：定义表格的行（1分）
DVararry=new Array(‘3’,’4’)
11. 下列属性哪一个能够实现层的隐藏?（）
Adisplay:falsBdisplay:hiddenCdisplay:noneDdisplay:” ”
12. 下列哪一个选项不属于document对象的方法?（）
Afocus()BgetElementById()CgetElementsByName()DbgColor()
A8+8B88C16D“8”+’8
20. 关于setTimeout(“check”,10)中说法正确的是()
A程序循环执行10次
BCheck函数每10秒执行一次
D10做为参数传给函数check
DCheck函数每10毫秒执行一次
二.简答题。（5分/题，共40分）
1、Web标准有哪三大部分？每部分的技术标准有哪些？
A 在图片的onClick事件中手动提交
B 在图片上添加onSubmit事件
C 在图片的onSubmit事件中手动提交
D 在表单中自动提交
6. 以下哪个单词不属于javascript关键字：（）
AwithBparentCclassDvoid
7. 下列选项中,描述正确的是。()
Aoptions.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项
文档主体:由 <body>...</body> 定义的部分（共2分）
4、答：
<Span>标签与<Div>标签一样，作为容器标签而被广泛应用在XHTML语言中。（1分）
<Div>是一个块级元素，它包围的元素会自动换行。而<Span>仅是一个行内元素，在它的前后不会换行（2分）。<Span>没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。此外，<Span>标签可以作为子元素包含于<Div>标签之中，但反之不成立，即<Span>标签不可包含<Div>标签（2分）。
index++;（1分)
alert(index);(2分)
}
}
}
})();
5、答：
href:URL:链接的目标,链接到某个网址href=””（2分）
空链接href=”#”,指向E-mail地址的超级链接href=“mailto:***”;
(图像链接，文本链接，超链接)（3分）
6、答：
1）、CSS（中文译为层叠样式表），它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。（2分）
Web前端试题（共100分）
姓名：班级：学号：成绩：
一.选择题。（2分/题，非单选，共40分）
1. 要动态改变层中内容可以使用的方法有（）
AinnerHTML
BinnerText
C通过设置层的隐藏和显示来实现
D通过设置层的样式属性的display属性
2. 当按键盘A时，使用onKeyDown事件打印event.keyCode的结果是（）
}
varurl = "";（2分)
varps = parseQueryString(url);（1分)
alert(ps["key1"]);（1分)
2、解：
解：
一:内部函数被定义它的函数的外部区域调用的时候就产生了闭包。(2分)
二:
(function A() {
var index = 0;
varul = document.getElementById("test");(2分)
Cdocument.getElementById("mydiv").style.display="none";
Ddocument.getElementById("mydiv").style.display=="none";
19. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?()
varobj = {};
for (var i = 0, l = ul.childNodes.length; i < l; i++) {(1分)
if (ul.childNodes[i].nodeName.toLowerCase() == "li") {（1分)
var li = ul.childNodes[i];{1分)
13. 下列哪项是按下键盘事件()
AonKeyDownBonKeyPressCkeyCodeDonMouseOver
14. javascript进行表单验证的目的是（）
A把用户的正确信息提交给服务器
B检查提交的数据必须服务器端的压力
15. display属性值的常用取值不包括()
1.请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象。(10分)
如：varurl =“″;
2.什么是闭包？下面这个ul，如何点击每一列时alert其index? (10分)
<ul id=”test”>
<li>这是第一条</li>
<li>这是第二条</li>
以下答案中能与for循环代码互换的是: ()
A for(var i =0; i<emp; i++)
B for(var i =0; i<Array(3); i++)
C for(var i =0; i<emp.length(); i++)
D for(var i =0; i<emp.length; i++)
Aopen("x.html","HI","toolbas=1,scrollbars=1,status=1");
Bopen("HI","scrollbars=1,location=1,status=1");
Copen("x.html","status=yes,menubar=1,location=1");
2、简述图层的特点，它与像素和图像的关系是什么？
3、什么是XHTML语言，简述XHTML语言结构？
4、<Span>与<Div>的异同点？
5、简述a标签的几种链接效果？
6、什么是CSS样式？它的作用是什么？
7、什么是盒子模型？它的属性包括哪些？
8、简述Table、Th、Tr、Td的作用。
三.设计题。（10分/题，共20分）
2、答：
1）、图层的特点：有上下关系、可以移动、相对独立、可以合并（2分）
2）、图层是构成图像的重要组成单位（1分），每个图层都由许多像素组成（1分），
而图层又通过叠加方式组成整个图像。（1分）
3、答：
1）、XHTML 指可扩展超文本标签语言（EXtensibleHyperText Markup Language）。
AinlineBblockChiddenDnone
16. 以下有关pixelTop属性与top属性的说法正确的是。()
A都是Location对象的属性
B使用时返回值都是字符串
C都是返回以像素为单位的数值
D以上都不对
17. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口，下列选项正确的是( )
9. 制作级联菜单功能时调用的是下拉列表框的（）事件。
AonChangeBonFocusCselectedDonClick
10. 下列声明数组的语句中，错误的选项是（）。
AVararry= new Array()
BVararry=new Array(3)
CVararry[]=new Array(3)(4)
Boption.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项
Cnew Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示
Dnew Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示
8. varemp = new Array(3);for(var i in emp),
A65B13C97D37
3. 在javascript里，下列选项中不属于数组方法的是（）.
Asort()Blength()Cconcat()Dreverse()
4. 下列哪一个选项可以用来检索被选定的选项的索引号?()
AdisabledBselectedIndexCoptionDmultiple
5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?()
Dopen("x.html","HI","toolbas=yes,menubar=1,location=1");
18. 下面关闭名为mydiv的层的代码正确的是()
Adocument.getElementById(mydiv).style.display="none";
Bdocument.getElementById("mydiv").style.display=none;
returnparams;
}
arr = arr[1].split("&");（1分)
for(var i=0, l=arr.length; i<l; i++){（1分)
var a = arr[i].split("=");（1分)
params[a[0]] = a[1];（1分)
}
returnparams;
2）、CSS的作用是定义网页的外观（例如字体，颜色等等），它也可以和JavaScript等浏览器端脚本语言合作做出许多动态的效果。（3分）
7、答：
1）、盒模型就是指DIV布局中的每一个元素，它们被当作一个盒状物，无论布局如何，它们都是几个盒子相互贴近显示，浏览器通过对这些盒状物的大小和浮动方式来判断下一个盒状物是贴近显示，还是在下一行显示，还是其他显示方式。（2分）
1）、Web标准：结构、表现以及行为。（2分）
2）、结构的web标准技术有：html（超文本标记语言）、xml（可扩展标记语言）、xhtml（可扩展超文本标记语言）（1分）
表现的web标准技术主要有：CSS技术。（1分）
行为的Web标准技术主要有：DOM（文档对象模型）、ECMAScript（JavaScript的扩展脚本语言）。（1分）
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是作为一种 XML 应用被重新定义的 HTML。
XHTML 是一个 W3C 标准。（共3分）
2）、文档头部:由 <head>...</head> 定义的部分
<th>、<td>元素：定义表格的一个单元格。每行可以有不同数量的单元格.（1分）
三、设计题（10分/题，共20分）
1、解：
解：functionparseQueryString(url){
varparams = {};（1分)
vararr = url.split("?");（1分)
if (arr.length<= 1){
<li>这是第三条</li>
</ul>
答案：
一、选择题（2分/题，非单选，共40分）
1.AB 2.A 3.B 4.B 5.A
6.C 7. AD 8.D 9.A 10.C
11.C 12.D 13.AB 14.B 15.C
16.D 17.D 18.C 19. C 20. D
二、简答题（共40分）
1、答：
2）、内边距(Padding)，外边距(Margin)，边框(Border)（3分）
8、答：
Table表示表格，Tr表示行，Th或Td表示单元格。（2分）
<table>元素：定义一个表格。每一个表格只有一对<table>和</table>，一张页面中可以有多个表格（1分）
<tr>元素：定义表格的行（1分）
DVararry=new Array(‘3’,’4’)
11. 下列属性哪一个能够实现层的隐藏?（）
Adisplay:falsBdisplay:hiddenCdisplay:noneDdisplay:” ”
12. 下列哪一个选项不属于document对象的方法?（）
Afocus()BgetElementById()CgetElementsByName()DbgColor()
A8+8B88C16D“8”+’8
20. 关于setTimeout(“check”,10)中说法正确的是()
A程序循环执行10次
BCheck函数每10秒执行一次
D10做为参数传给函数check
DCheck函数每10毫秒执行一次
二.简答题。（5分/题，共40分）
1、Web标准有哪三大部分？每部分的技术标准有哪些？
A 在图片的onClick事件中手动提交
B 在图片上添加onSubmit事件
C 在图片的onSubmit事件中手动提交
D 在表单中自动提交
6. 以下哪个单词不属于javascript关键字：（）
AwithBparentCclassDvoid
7. 下列选项中,描述正确的是。()
Aoptions.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项
文档主体:由 <body>...</body> 定义的部分（共2分）
4、答：
<Span>标签与<Div>标签一样，作为容器标签而被广泛应用在XHTML语言中。（1分）
<Div>是一个块级元素，它包围的元素会自动换行。而<Span>仅是一个行内元素，在它的前后不会换行（2分）。<Span>没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。此外，<Span>标签可以作为子元素包含于<Div>标签之中，但反之不成立，即<Span>标签不可包含<Div>标签（2分）。