视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
web前端试卷
2025-09-29 09:07:14 责编:小OO
文档
Web前端试题(共100分)

姓名:             班级:            学号:            成绩:         

一.选择题。(2分/题,非单选,共40分)

1. 要动态改变层中内容可以使用的方法有(  )

A innerHTML

B innerText

C 通过设置层的隐藏和显示来实现

D 通过设置层的样式属性的display属性

2. 当按键盘A时,使用onKeyDown事件打印event.keyCode的结果是(  )

A 65 13 97 37

3. 在javascript里,下列选项中不属于数组方法的是(  ).

A sort() length() concat() reverse()

4. 下列哪一个选项可以用来检索被选定的选项的索引号?(  )

A  disabled selectedIndex option multiple

5. 希望图片具有”提交”按钮同样的功能,该如何编写表单提交?(  )

A 在图片的onClick事件中手动提交

B 在图片上添加onSubmit事件

C 在图片的onSubmit事件中手动提交

D 在表单中自动提交

6. 以下哪个单词不属于javascript关键字:(  )

A with parent class void

7. 下列选项中,描述正确的是。(  )

A options.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项

B option.add(new Option(‘a’,'A’))可以动态添加一个下拉列表选项

C new Option(‘a’,'A’)中’a'表示列表选项的值,’A'用于在页面中显示

D new Option(‘a’,'A’)中’A'表示列表选项的值,’a'用于在页面中显示

8.  varemp = new Array(3); for(var i in emp),

以下答案中能与for循环代码互换的是: (  )

A for(var i =0; iB for(var i =0; iC for(var i =0; iD for(var i =0; i9. 制作级联菜单功能时调用的是下拉列表框的(  )事件。

A onChange onFocus selected onClick

10. 下列声明数组的语句中,错误的选项是(  )。

A Vararry= new Array()

B Vararry=new Array(3)

C Vararry[]=new Array(3)(4)

D Vararry=new Array(‘3’,’4’)

11. 下列属性哪一个能够实现层的隐藏?(  )

A display:fals  B display:hidden  C display:none  D display:” ”

12. 下列哪一个选项不属于document对象的方法?(  )

A focus()  B getElementById()  C getElementsByName()  D bgColor()

13. 下列哪项是按下键盘事件(  )

A onKeyDown onKeyPress keyCode onMouseOver

14. javascript进行表单验证的目的是(  )

A 把用户的正确信息提交给服务器

B 检查提交的数据必须符合实际

C 使得页面变得美观、大方

D 减轻服务器端的压力

15. display属性值的常用取值不包括(  )

A inline block hidden none

16. 以下有关pixelTop属性与top属性的说法正确的是。(  )

A 都是Location对象的属性

B 使用时返回值都是字符串

C 都是返回以像素为单位的数值

D 以上都不对

17. 使用open方法打开具有浏览器工具条,地址栏,菜单栏的窗口,下列选项正确的是(  )

A open("x.html

B open("HI

C open("x.html

D open("x.html

18. 下面关闭名为mydiv的层的代码正确的是(  )

A document.getElementById(mydiv).style.display="none";

B document.getElementById("mydiv").style.display=none;

C document.getElementById("mydiv").style.display="none";

D document.getElementById("mydiv").style.display=="none";

19. 、javascript中表达式parseInt(“X8X8”)+paseFloat(‘8’)的结果是什么?(  )

A 8+8 88 16 “8”+’8

20. 关于setTimeout(“check”,10)中说法正确的是(  )

A 程序循环执行10次

B Check函数每10秒执行一次

D 10做为参数传给函数check

D Check函数每10毫秒执行一次

二.简答题。(5分/题,共40分)

1、Web标准有哪三大部分?每部分的技术标准有哪些?

2、简述图层的特点,它与像素和图像的关系是什么?

3、什么是XHTML语言,简述XHTML语言结构?

4、与的异同点?

5、简述a标签的几种链接效果?

6、    什么是CSS样式?它的作用是什么?

7、什么是盒子模型?它的属性包括哪些?

8、简述Table、Th、Tr、Td的作用。

三.设计题。(10分/题,共20分)

1.请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象。(10分)

如:varurl =“″;

2.什么是闭包?下面这个ul,如何点击每一列时alert其index? (10分)

  • 这是第一条
  • 这是第二条
  • 这是第三条

答案:

一、选择题(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、答:

1)、Web标准:结构、表现以及行为。(2分)

2)、结构的web标准技术有:html(超文本标记语言)、xml(可扩展标记语言)、xhtml(可扩展超文本标记语言)(1分)

    表现的web标准技术主要有:CSS技术。(1分)

    行为的Web标准技术主要有:DOM(文档对象模型)、ECMAScript(JavaScript的扩展脚本语言)。(1分)

2、答:

1)、图层的特点:有上下关系、可以移动、相对、可以合并(2分)

2)、图层是构成图像的重要组成单位(1分),每个图层都由许多像素组成(1分),

而图层又通过叠加方式组成整个图像。(1分)

3、答:

1)、XHTML 指可扩展超文本标签语言(EXtensibleHyperText Markup Language)。

XHTML 的目标是取代 HTML。

XHTML 与 HTML 4.01 几乎是相同的。

XHTML 是更严格更纯净的 HTML 版本。

XHTML 是作为一种 XML 应用被重新定义的 HTML。

XHTML 是一个 W3C 标准。(共3分)

2)、文档头部: 由 ... 定义的部分

文档主体: 由 ...

定义的部分(共2分)

4、答:

标签与标签一样,作为容器标签而被广泛应用在XHTML语言中。(1分)

是一个块级元素,它包围的元素会自动换行。而仅是一个行内元素,在它的前后不会换行(2分)。没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。此外,标签可以作为子元素包含于标签之中,但反之不成立,即标签不可包含标签(2分)。

5、答:

href:URL:链接的目标,链接到某个网址href=””(2分)

空链接href=”#”,指向E-mail地址的超级链接href=“mailto:***”;

 ( 图像链接,文本链接,超链接)(3分)

6、答:

1)、CSS(中文译为层叠样式表),它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。(2分)

2)、CSS的作用是定义网页的外观(例如字体,颜色等等),它也可以和JavaScript等浏览器端脚本语言合作做出许多动态的效果。(3分)

7、答:

1)、盒模型就是指DIV布局中的每一个元素,它们被当作一个盒状物,无论布局如何,它们都是几个盒子相互贴近显示,浏览器通过对这些盒状物的大小和浮动方式来判断下一个盒状物是贴近显示,还是在下一行显示,还是其他显示方式。(2分)

2)、内边距(Padding),外边距(Margin),边框(Border)(3分)

8、答:

Table表示表格,Tr表示行,Th或Td表示单元格。(2分)

元素:定义一个表格。每一个表格只有一对
,一张页面中可以有多个表格(1分)

元素:定义表格的行(1分)

、元素:定义表格的一个单元格。每行可以有不同数量的单元格.(1分)

三、设计题 (10分/题,共20分)

1、解:

解:functionparseQueryString(url){

varparams = {};(1分)

vararr = url.split("?");(1分)

if (arr.length<= 1){    

returnparams;

}

arr = arr[1].split("&");(1分)

for(var i=0, l=arr.length; ivar a = arr[i].split("=");(1分)

params[a[0]] = a[1];(1分)

           }

returnparams;

}

varurl = "";(2分)

varps = parseQueryString(url);(1分)

alert(ps["key1"]);(1分)

2、解:

解:

一:内部函数被定义它的函数的外部区域调用的时候就产生了闭包。(2分)

二:

(function A() {

var index = 0;

varul = document.getElementById("test");(2分)

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分)

li.onclick = function() {

                                    index++;(1分)

                                    alert(index);(2分)

}

 }

        }

})();下载本文

显示全文
专题