前端模拟试题Word文档下载推荐.docx
- 文档编号:8572366
- 上传时间:2023-05-11
- 格式:DOCX
- 页数:17
- 大小:25.53KB
前端模拟试题Word文档下载推荐.docx
《前端模拟试题Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《前端模拟试题Word文档下载推荐.docx(17页珍藏版)》请在冰点文库上搜索。
的函数
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-->
在图片上添加onClick事件
B.在图片上添加onSubmit事件
C.在事件中手动提交
D.在事件中自动提交
14.能够返回键盘上的按键所对应字符的事件是(B)
A.onKeyDown
B.onKeyPress
C.onKeyUp
D.onMouseOver
15.要动态改变层中的内容可以使用下列哪些方法(A)
A.利用层的innerHTML改变内容
B.利用层的innerText改变内容
C.可以通过设置层的隐藏和显示来实现
D.可以通过设置层的样式属性的display属性来实现
16.制作级联菜单功能时调用的是下拉列表框的(B)事件。
A.onClick
B.onChange
C.selected
60.在JavaScript中Array对象拥有的方法不包括(B)
A.sort()数组排序
B.length()计算数组长度
C.concat()数组合并
D.reverse()数组元素反转
17.以下哪条语句会产生运行错误:
(A)
A.var
obj
=
(
);
B.var
[
];
C.var
{
};
D.var
/
/;
18.以下哪个单词不属于javascript保留字:
(B)
A.with
B.parent
C.class
D.void
19.请选择结果为真的表达式:
(C)
A.null
instanceof
Object
B.null
===
undefined
C.null
==
D.NaN
NaN
二、多选题
20.
请选择对javascript理解有误的:
(ABCD)
A.JScript是javascript的简称
B.javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java的开发难度
C.FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上
D.AJAX技术一定要使用javascript技术
21.
foo对象有att属性,那么获取att属性的值,以下哪些做法是可以的:
(ACE)
A.
B.foo(“att”)
C.foo[“att”]
D.foo{“att”}
E.foo[“a”+”t”+”t”]
22.在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:
(AB)
A.<
TEXTAREA>
<
/TEXTAREA>
B.<
INPUT
type=”text”/>
C.<
type=”hidden”/>
D.<
DIV>
/DIV>
23.以下哪些是javascript的全局函数:
(ABC)
A.escape
B.parseFloat
C.eval
D.setTimeout
E.alert
24.关于IFrame表述正确的有:
A.通过IFrame,网页可以嵌入其他网页内容,并可以动态更改
B.在相同域名下,内嵌的IFrame可以获取外层网页的对象
C.在相同域名下,外层网页脚本可以获取IFrame网页内的对象
D.可以通过脚本调整IFrame的大小
25.关于表格表述正确的有:
(ABCDE)
A.表格中可以包含TBODY元素
B.表格中可以包含CAPTION元素
C.表格中可以包含多个TBODY元素
D.表格中可以包含COLGROUP元素
E.表格中可以包含COL元素
26.关于IE的window对象表述正确的有:
(ACD)
A.属性本身就是指向window对象
B.()方法可以用来刷新当前页面
C.=””和的作用都是把当前页面替换成页面
D.定义了全局变量g;
可以用的方式来存取该变量
三、程序题:
27.如何获取表单<
select>
域的选择部分的文本
参考答案:
formname="
a"
selectname="
size="
1"
onchange="
sel(this)"
<
optionvalue="
1<
/option>
b"
2<
c"
3<
/select>
/form>
function_sel(obj){
alert("
显示文本:
+[].text);
值:
+[].value);
}
/script>
28.在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:
。
FF:
opacity:
[注]最好两个都写,并将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"
-
mozillafirefox和IE中的BOX模型解释不一致导致相差2px解决方法:
}
注意这两个margin的顺序一定不能写反,据阿捷的说法!
28px}
和IE6的BOX解释不一致
IE5下div{width:
300px;
010px010px;
div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。
这时我们可以做如下修改div{width:
300px!
width:
340px;
010px010px}
关于这个是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!
:
标签在Mozilla中默认是有padding值的,而在IE中只有margin有值所以先定义ul{margin:
0;
就能解决大部分问题
注意事项:
1、float的div一定要闭合。
(其中floatA、floatB的属性已经设置为float:
)<
#divid=\"
floatA\"
>
floatB\"
NOTfloatC\"
这里的NOTfloatC并不希望继续平移,而是希望往下排。
这段代码在IE中毫无问题,问题出在FF。
原因是NOTfloatC并非float标签,必须将float标签闭合。
在<
#divclass=\"
之间加上<
clear\"
这个div一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。
并且将clear这种样式定义为为如下即可:
.clear{
clear:
both;
此外,为了让高度能自动适应,要在wrapper里面加上overflow:
hidden;
9.如何居中一个浮动元素
设置容器的浮动方式为相对定位
然后确定容器的宽高比如宽500高300的层
然后设置层的外边距
Div{
Width:
500px;
height:
Margin:
-150px00-250px;
position:
absolute;
left:
50%;
top:
10.有没有关注HTML5和CSS3如有请简单说一些您对它们的了解情况!
在HTML5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。
那么我们来看一下HTML5的技术概览有哪些:
HTML5新增和移除的元素
HTML5新增了很多多媒体和交互性元素如video,audio,在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码,还有兼容各个浏览器,而HTML5只需要通过引入一个标签就可以,就像img标签一样方便。
HTML5对表单的支持
HTML5提供了强大的控件类型如url,email,date,tel等,强大的约束属性,如required表示必填,文件上传的accept属性,以及一些表单重复元素模型的支持,HTML5在提交表单的时候还可以设置提交的方式为XML提交方式,这样服务器端接收到的数据将是XML格式,HTML5的表单被定义为“WebForms”,目前+对WebForms的支持较为完美。
HTML5DOM变化
HTML5的JavascriptAPIs
HTML5在Javascript上面新增了哪些API呢
Video/Audio:
HTML5为Video和Audio提供了API来让开发者控制他们自己的用户界面,如可以播放或暂停媒体内容。
CSS3
CSS3对于我们Web开发者来说不只是新奇的技术,更重要的是这些全新概念的web应用给我们带来更多无限的可能性,也极大地提高了我们的开发效率。
我们将不必再依赖图片或者Javascript去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。
CSS3对于动画的支持
CSS3支持的动画类型有:
transform(变换)、transition(过渡)和animation(动画)。
你可以对特定的属性设置transition,transiton和animation的区别不大,animation的动画是自己定义的,面向的更多的是脚本开发者,往往更加复杂。
11.你怎么来实现下面这个设计图,主要讲述思路(效果图省略)
13:
如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS与图片
14:
你对前端界面工程师这个职位是怎么样理解的它的前景会怎么样
[Javascript]
1:
js是什么,js和html的开发如何结合
2.怎样添加、移除、移动、复制、创建和查找节点
3.怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
4.面向对象编程:
b怎么继承a
5.看看下面alert的结果是什么
viewsourceprintb(x,y,a){
.arguments[2]=10;
.alert(a);
b(1,2,3);
如果函数体改成下面,结果又会是什么
a=10;
alert(arguments[2]);
6.请编写一个JavaScript函数parseQueryString,它的用途是把URL参数解析为一个对象
varobj=parseQueryString(url);
alert
浏览器问题
2.历史后退状态问题
3.跨域问题
跨浏览器的问题因为现在有很多的开元的框架已经解决了,我们无需为此而烦恼。
历史后退状态问题我们可以使用一个数组来保存历史纪录,然后把这些数据村到历史对象中去,中的也可以解决,并且还有很多的开元框架给与支持,这样问题就不是很大。
跨域的问题就不是很好的解决,但是还是有办法的,一下给出一些基本的解决方案供大家选择:
1.使用代理,你可以使用web端的程序编写代理程序,把所有的ajax(动态网站静态化)请求的数据进行转发,web程序可以使php(做为现在的主流开发语言),jsp(SUN企业级应用的首选),asp等所有的编程语言。
相信大家对这种方式一定很熟悉,这里就不详细的介绍了。
2.使用iframe的方式来定势的刷新叶面,这种方式只是取得数据来显示,并不能真正的和求得的数据进行交互,转化成本页面的动态数据,不是很可取,应用也不是很多,我也忽略不去讨论了。
3.使用apache(Unix平台最流行的WEB服务器平台)的代理功能,主要就是apache(Unix平台最流行的WEB服务器平台)的方向代理,或者是url从定向,你也可以把其他的站点直接的挂在自己的网站上,这样的方式可能会友邦权的问题,多的九部介绍了,有兴趣的本有可以自己实践以下。
4.使用《script》标签的方式,这样的话就可以保正使用真正的ajax(动态网站静态化)来跨域,并且可以使用返回来的数据,发誓很简单,在我们的后台程序处理后的到的结果都直接的用javascript的方式返回,在我们的html中直接的使用返回数据的变量就可以了一个简单的例子
8.什么是闭包下面这个ul,如何点击每一列的时候alert其index
ulid=”test”>
li>
这是第一条<
/li>
这是第二条<
这是第三条<
/ul>
9.最近看的一篇Javas
cript的文章是
10.常使用的库有哪些常用的前端开发工具开发过什么应用或组件
pageSpeed.Yslow,Fiddler、fireBug
11.说说YSlow(可以详细一点)
这个插件可以分析网站的页面,并告诉你为了提高网站性能,如何基于某些规则而进行优化。
网页制作方向的题目
1.什么是网站重构div+css的布局较table布局有什么优点
2.如何理解css盒模型
3.平时做网页经常使用哪些hack
4.如何理解表现与内容相分离
5.如何解决ie6的双边距问题
6.如何定义高度为1px的容器{heigh:
1px;
width:
10px;
background:
#000;
overflow:
hidden}ie6下这个问题
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 前端 模拟 试题