前端模拟试题javascript资料Word下载.docx

前端模拟试题javascript资料Word下载.docx

《前端模拟试题javascript资料Word下载.docx》由会员分享，可在线阅读，更多相关《前端模拟试题javascript资料Word下载.docx（20页珍藏版）》请在冰豆网上搜索。

的函数？

A.callfunctionmyFunction

B.callmyFunction（）

C.myFunction（）

9.如何编写当i等于5时执行一些语句的条件语句？

A.if（i==5）

B.ifi=5then

C.ifi=5

D.ifi==5then

10.如何编写当i不等于5时执行一些语句的条件语句？

A.if=!

5then

B.if<

5

C.if（i<

5）

D.if（i!

=5）

11.在JavaScript中，有多少种不同类型的循环？

A.两种。

for循环和while循环。

B.四种。

for循环、while循环、do...while循环以及loop...until循环。

C.一种。

for循环。

12.for循环如何开始？

A.for（i<

=5;

i++）

B.for（i=0;

i<

C.for（i=0;

D.fori=1to5

13.如何在JavaScript中添加注释？

A.'

Thisisacomment

!

--Thisisacomment-->

C.//Thisisacomment

14.可插入多行注释的JavaScript语法是？

A./*Thiscommenthasmorethanoneline*/

B.//Thiscommenthasmorethanoneline//

--Thiscommenthasmorethanoneline-->

15.定义JavaScript数组的正确方法是？

A.vartxt=newArray="

George"

"

John"

Thomas"

B.vartxt=newArray（1:

"

2:

3:

C.vartxt=newArray（"

D.vartxt=newArray:

1=（"

）2=（"

）3=（"

16.如何把7.25四舍五入为最接近的整数？

A.round（7.25）

B.rnd（7.25）

C.Math.rnd（7.25）

D.Math.round（7.25）

17.如何求得2和4中最大的数？

A.Math.ceil（2,4）

B.Math.max（2,4）

C.ceil（2,4）

D.top（2,4）

18.打开名为"

window2"

的新窗口的JavaScript语法是？

A.open.new（"

B.new.window（"

C.new（"

D.window.open（"

19.如何在浏览器的状态栏放入一条消息？

A.statusbar="

putyourmessagehere"

B.window.status="

C.window.status（"

D.status（"

20.如何获得客户端浏览器的名称？

A.client.navName

B.navigator.appName

C.browser.name

21.建立JavaScript函数库的目的是（A）

A．减少重复编程

B．统一编程风格

C．节省装载JavaScript函数的时间

D．以上都是

22.使用JavaScript识别浏览器时，应尽量使用（B）。

A．浏览器信息对象的方法

B．浏览器功能识别的方法

C．以上两者结合的方法

23.使用window.open制作弹出窗口时，控制弹出窗口的位置（A）。

A．可以

B．不可以

24.使用JavaScript控制事件冒泡（A）。

25.JavaScript函数window.setTimeout（"

countDown（）;

1000）;

表示（D）。

A．每隔1分种调用countDown函数

B．每隔1秒种调用countDown函数

C．1分种后调用countDown函数

D．1秒种后调用countDown函数

26.当表单中的“提交”按钮被图片代替后，并且图片还具备“提交”按钮同样的功能，该如何编写这样的表单提交？

（A）

A.在图片上添加onClick事件

B.在图片上添加onSubmit事件

C.在事件中手动提交

D.在事件中自动提交

27.能够返回键盘上的按键所对应字符的事件是（B）

A.onKeyDown

B.onKeyPress

C.onKeyUp

D.onMouseOver

28.要动态改变层中的内容可以使用下列哪些方法？

（A）

A.利用层的innerHTML改变内容

B.利用层的innerText改变内容

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

D.可以通过设置层的样式属性的display属性来实现

29.制作级联菜单功能时调用的是下拉列表框的（B）事件。

A.onClick

B.onChange

C.selected

D.onBlur

60.在JavaScript中Array对象拥有的方法不包括（B）

A.sort（）数组排序

B.length（）计算数组长度

C.concat（）数组合并

D.reverse（）数组元素反转

30.以下哪条语句会产生运行错误：

（A） 

A.var 

obj 

= 

（ 

）;

B.var 

[ 

];

C.var 

{ 

};

D.var 

/ 

/;

31.以下哪个单词不属于javascript保留字：

（B） 

A.with 

B.parent 

C.class 

D.void 

32.请选择结果为真的表达式：

（C） 

A.null 

instanceof 

Object 

B.null 

=== 

undefined 

C.null 

== 

D.NaN 

NaN 

二、多选题

33. 

请选择对javascript理解有误的：

（ABCD） 

A.JScript是javascript的简称 

B.javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度 

C.FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上 

D.AJAX技术一定要使用javascript技术 

34. 

foo对象有att属性，那么获取att属性的值，以下哪些做法是可以的：

（ACE） 

A.foo.att 

B.foo（“att”） 

C.foo[“att”] 

D.foo{“att”} 

E.foo[“a”+”t”+”t”] 

35.在不指定特殊属性的情况下，哪几种HTML标签可以手动输入文本：

（AB） 

A.<

TEXTAREA>

<

/TEXTAREA>

B.<

INPUT 

type=”text”/>

C.<

type=”hidden”/>

D.<

DIV>

/DIV>

36.以下哪些是javascript的全局函数：

（ABC） 

A.escape 

B.parseFloat 

C.eval 

D.setTimeout 

E.alert 

37.关于IFrame表述正确的有：

A.通过IFrame，网页可以嵌入其他网页内容，并可以动态更改 

B.在相同域名下，内嵌的IFrame可以获取外层网页的对象 

C.在相同域名下，外层网页脚本可以获取IFrame网页内的对象 

D.可以通过脚本调整IFrame的大小 

38.关于表格表述正确的有：

（ABCDE） 

A.表格中可以包含TBODY元素 

B.表格中可以包含CAPTION元素 

C.表格中可以包含多个TBODY元素 

D.表格中可以包含COLGROUP元素 

E.表格中可以包含COL元素 

39.关于IE的window对象表述正确的有：

（ACD） 

A.window.opener属性本身就是指向window对象 

B.window.reload（）方法可以用来刷新当前页面 

C.window.location=”a.html”和window.location.href=”a.html”的作用都是把当前页面替换成a.html页面 

D.定义了全局变量g；

可以用window.g的方式来存取该变量 

三、程序题：

40.如何获取表单<

select>

域的选择部分的文本？

参考答案：

formname="

a"

selectname="

size="

1"

onchange="

sel（this）"

<

optionvalue="

1<

/option>

b"

2<

c"

3<

/select>

/form>

function_sel（obj）{

alert（"

显示文本：

+obj.options[obj.selectedIndex].text）;

值：

+obj.options[obj.selectedIndex].value）;

}

/script>

41.在JavaScript中定时调用函数foo（）如何写？

functionfoo（）{

aaaa"

）;

a=setTimeout（foo（）,100）;

foo（）;

8：

你做的页面在哪些流览器测试过？

这些浏览器的内核分别是什么?

经常遇到的浏览器的兼容性有哪些？

怎么会出现？

解决方法是什么？

点评：

css的兼容性也是大家关注的热点。

大家一定要注意多测试。

Javascript多浏览器兼容性问题及解决方案

兼容性处理要点

1、DOCTYPE影响CSS处理

2、FF:

设置padding后，div会增加height和width，但IE不会，故需要用!

important多设一个height和width

3、FF:

支持!

important，IE则忽略，可用!

important为FF特别设置样式

4、div的垂直居中问题:

vertical-align:

middle;

将行距增加到和整个DIV一样高line-height:

200px;

然后插入文字，就垂直居中了。

缺点是要控制内容不要换行

5、在mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法：

div{margin:

30px!

important;

margin:

28px;

}

注意这两个margin的顺序一定不能写反，!

important这个属性IE不能识别，但别的浏览器可以识别。

所以在IE下其实解释成这样：

div{maring:

30px;

28px}

重复定义的话按照最后一个来执行，所以不可以只写margin:

XXpx!

浏览器差异

1、ul和ol列表缩进问题

消除ul、ol等列表的缩进时，样式应写成：

list-style:

none;

0px;

padding:

其中margin属性对IE有效，padding属性对FireFox有效。

[注]经验证，在IE中，设置margin:

0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding对样式没有影响；

在Firefox中，设置margin:

0px仅仅可以去除上下的空白，设置padding:

0px后仅仅可以去掉左右缩进，还必须设置list-style:

none才能去除列表编号或圆点。

也就是说，在IE中仅仅设置margin:

0px即可达到最终效果，而在Firefox中必须同时设置margin:

0px、padding:

0px以及list-style:

none三项才能达到最终效果。

2、CSS透明问题

IE：

filter:

progid:

DXImageTransform.Microsoft.Alpha（style=0,opacity=60）。

FF：

opacity:

0.6。

[注]最好两个都写，并将opacity属性放在下面。

3、CSS圆角问题

ie7以下版本不支持圆角。

-moz-border-radius:

4px，或者-moz-border-radius-topleft:

4px;

-moz-border-radius-topright:

-moz-border-radius-bottomleft:

-moz-border-radius-bottomright:

。

[注]圆角问题是CSS中的经典问题，建议使用JQuery框架集来设置圆角，让这些复杂的问题留给别人去想吧。

不过jQuery的圆角只看到支持整个区域的圆角，没有支持边框的圆角，不过这个边框的圆角可以通过一些简单的手段来实现，下次有机会介绍下。

4、cursor:

handVScursor:

pointer

问题说明：

firefox不支持hand，但ie支持pointer，两者都是手形指示。

解决方法：

统一使用pointer。

5、字体大小定义不同

对字体大小small的定义不同，Firefox中为13px，而IE中为16px，差别挺大。

使用指定的字体大小如14px。

并列排列的多个元素（图片或者链接）的div和div之间，代码中的空格和回车在firefox中都会被忽略，而IE中却默认显示为空格（约3px）。

6、CSS双线凹凸边框

border:

2pxoutset;

-moz-border-top-colors:

#d4d0c8white;

-moz-border-left-colors:

-moz-border-right-colors:

#404040#808080;

-moz-border-bottom-colors:

浏览器bug

1、IE的双边距bug

设置为float的div在ie下设置的margin会加倍。

这是一个ie6都存在的bug。

解决方案：

在这个div里面加上display:

inline;

例如：

#divid=”imfloat”>

相应的css为

以下为引用的内容：

复制代码代码如下:

#IamFloat{

float:

left;

5px;

/*IE下理解为10px*/

display:

/*IE下再理解为5px*/

关于CSS中的问题实在太多了，甚至同样的CSS定义在不同的页面标准中的显示效果都是不一样的。

一个合乎发展的建议是，页面采用标准XHTML标准编写，较少使用table，CSS定义尽量依照标准DOM，同时兼顾IE、Firefox、Opera等主流浏览器。

很多情况下，FF和Opera的CSS解释标准更贴近CSS标准，也更具有规范性。

2、IE选择符空格BUG

今天在给博客的段落样式设置首字符样式的时候发现，原来一个空格也可以使样式失效。

请看以下代码：

DOCTYPEhtmlPUBLIC"

-//W3C//DTDXHTML1.0Transitional//EN"

"

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

htmlxmlns="

//www.w3.org/1999/xhtml"

title>

/title>

styletype="

text/css"

--

p{font-size:

12px;

p:

first-letter{font-size:

300%}

-->

/style>

/head>

p>

对于世界而言，你是一个人；

但是对于某个人，你是他的整个世界。

纵然伤心，也不要愁眉不展，因为你不知是谁会爱上你的笑容。

/p>

/body>

/html>

[/code]

这段代码对<

的首字符样式定义在IE6上看是没有效果的（IE7没测试），而在p:

first-letter和{font-size:

300%}加上空格，也就是p:

first-letter{font-size:

300%}后，显示就正常了。

但是同样的代码，在FireFox下看是正常的。

按道理说，p:

first-letter{font-size:

300%}的写法是没错的。

那么问题出在哪里呢？

答案是伪类中的连字符”-”。

IE有个BUG，在处理伪类时，如果伪类的名称中带有连字符”-”，伪类名称后面就得跟一个空格，不然样式的定义就无效。

而在FF中，加不加空格都可以正常处理。

对css缩写的支持问题：

不论是ie还是ff对css的缩写都有一小点问题 

比如 

0xpsolid#fff;

两个浏览器支持都没有问题 

但对于四个边的magin不同情况下，就不能用这种缩写了，无论是ie还是ff又会出现边界解释错误，而导致页面变形 

正确缩写：

border-width:

0px1px2px3px;

border-style:

solid;

border-color:

#fff;

第二点是 

ie对于css的maginpadding等默认值为0px，但ff却不一样，为了保持外观的统一性，即使padding为0你也要写上，以免ff在浏览中的错位。

IE与Firefox的CSS兼容大全

1.DOCTYPE影响CSS处理 

2.FF:

div设置margin-left,margin-right为auto时已经居中,IE不行 

3.FF:

body设置text-align时,div需要设置margin:

auto（主要是margin-left,margin-right）方可居中 

4.FF:

设置padding后,div会增加height和width,但IE不会,故需要用!

important多设一个height和width

5.FF:

important,IE则忽略,可用!

important为FF特别设置样式，值得注意的是，一定要将xxxx!

important这句放置在另一句之上 

6.div的垂直居中问题:

将行距增加到和整个DIV一样高line-height:

缺点是要控制内