版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
JavaScript模拟试题一、单选题我们能够在下列哪个HTML元素中放置Javascript代码<script><javascript><js><scripting>写"HelloWorld"的对的Javascript语法是("HelloWorld")"HelloWorld"("HelloWorld")("HelloWorld")插入Javacript的对的位置是<body>部分<head>部分<body>部分和<head>部分均可引用名为""的外部脚本的对的语法是<scriptsrc=""><scripthref=""><scriptname="">外部脚本必须包含<script>标签吗是否如何在警告框中写入"HelloWorld"alertBox="HelloWorld"msgBox("HelloWorld")alert("HelloWorld")alertBox("HelloWorld")如何创立函数function:myFunction()functionmyFunction()function=myFunction()如何调用名为"myFunction"的函数callfunctionmyFunctioncallmyFunction()myFunction()如何编写当i等于5时执行某些语句的条件语句if(i==5)ifi=5thenifi=5ifi==5then如何编写当i不等于5时执行某些语句的条件语句if=!5thenif<>5if(i<>5)if(i!=5)在JavaScript中，有多少种不同类型的循环两种。for循环和while循环。四种。for循环、while循环、do...while循环以及loop...until循环。一种。for循环。for循环如何开始for(i<=5;i++)for(i=0;i<=5;i++)for(i=0;i<=5)fori=1to5如何在JavaScript中添加注释'Thisisacomment<!--Thisisacomment-->在图片上添加onClick事件B.在图片上添加onSubmit事件C.在事件中手动提交D.在事件中自动提交能够返回键盘上的按键所对应字符的事件是（B）A.onKeyDownB.onKeyPressC.onKeyUpD.onMouseOver要动态变化层中的内容能够使用下列哪些办法（A）A.运用层的innerHTML变化内容B.运用层的innerText变化内容C.能够通过设立层的隐藏和显示来实现D.能够通过设立层的样式属性的display属性来实现制作级联菜单功效时调用的是下拉列表框的（B）事件。A.onClickB.onChangeC.selected60.在JavaScript中Array对象拥有的办法不涉及（B）A.sort()数组排序B.length()计算数组长度C.concat()数组合并D.reverse()数组元素反转下列哪条语句会产生运行错误：（A）
A.var
obj
=
(
);
B.var
obj
=
[
];
C.var
obj
=
{
};
D.var
obj
=
/
/;
下列哪个单词不属于javascript保存字：（B）
A.with
B.parent
C.class
D.void
请选择成果为真的体现式：（C）
A.null
instanceof
Object
B.null
===
undefined
C.null
==
undefined
D.NaN
==
NaN
二、多选题
请选择对javascript理解有误的：(ABCD)
A.JScript是javascript的简称
B.javascript是网景公司开发的一种Java脚本语言，其目的是为了简化Java的开发难度
C.FireFox和IE存在大量兼容性问题的重要因素在于他们对javascript的支持不同上
D.AJAX技术一定要使用javascript技术
foo对象有att属性，那么获取att属性的值，下列哪些做法是能够的：（ACE）
A.
B.foo(“att”)
C.foo[“att”]
D.foo{“att”}
E.foo[“a”+”t”+”t”]
在不指定特殊属性的状况下，哪几个HTML标签能够手动输入文本：（AB）
A.<TEXTAREA></TEXTAREA>
B.<INPUT
type=”text”/>
C.<INPUT
type=”hidden”/>
D.<DIV></DIV>
下列哪些是javascript的全局函数：（ABC）
A.escape
B.parseFloat
C.eval
D.setTimeout
E.alert
有关IFrame表述对的的有：(ABCD)
A.通过IFrame，网页能够嵌入其它网页内容，并能够动态更改
B.在相似域名下，内嵌的IFrame能够获取外层网页的对象
C.在相似域名下，外层网页脚本能够获取IFrame网页内的对象
D.能够通过脚本调节IFrame的大小
有关表格表述对的的有：（ABCDE）
A.表格中能够包含TBODY元素
B.表格中能够包含CAPTION元素
C.表格中能够包含多个TBODY元素
D.表格中能够包含COLGROUP元素
E.表格中能够包含COL元素
有关IE的window对象表述对的的有：（ACD）
属性本身就是指向window对象
()办法能够用来刷新现在页面
=””和的作用都是把现在页面替代成页面
定义了全局变量g；能够用的方式来存取该变量
三、程序题：
如何获取表单<select>域的选择部分的文本参考答案：<formname="a"><selectname="a"size="1"onchange="sel(this)">
<optionvalue="a">1</option>
<optionvalue="b">2</option>
<optionvalue="c">3</option></select></form><script>function_sel(obj){alert("显示文本："+[].text);alert("值："+[].value);}</script>在JavaScript中定时调用函数foo()如何写参考答案：functionfoo(){alert("aaaa");a=setTimeout(foo(),100);}foo();8：你做的页面在哪些流览器测试过这些浏览器的内核分别是什么经常碰到的浏览器的兼容性有哪些怎么会出现解决办法是什么点评：css的兼容性也是大家关注的热点。大家一定要注意多测试。Javascript多浏览器兼容性问题及解决方案兼容性解决要点
1、DOCTYPE影响CSS解决2、FF:设立padding后，div会增加height和width，但IE不会，故需要用!important多设一种height和width3、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;margin:28px}重复定义的话按照最后一种来执行，因此不能够只写margin:XXpx!important;浏览器差别
1、ul和ol列表缩进问题消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px;
其中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圆角问题IE：ie7下列版本不支持圆角。
FF：-moz-border-radius:4px，或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
[注]圆角问题是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双线凹凸边框
IE：border:2pxoutset;。
FF：-moz-border-top-colors:#d4d0c8white;-moz-border-left-colors:#d4d0c8white;-moz-border-right-colors:#404040#808080;-moz-border-bottom-colors:#404040#808080;浏览器bug
1、IE的双边距bug设立为float的div在ie下设立的margin会加倍。这是一种ie6都存在的bug。解决方案：在这个div里面加上display:inline;例如：<#divid=”imfloat”>对应的css为下列为引用的内容：复制代码代码以下:
#IamFloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}
#IamFloat{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}关于CSS中的问题实在太多了，甚至同样的CSS定义在不同的页面原则中的显示效果都是不同的。一种合乎发展的建议是，页面采用原则XHTML原则编写，较少使用table，CSS定义尽量根据原则DOM，同时兼顾IE、Firefox、Opera等主流浏览器。诸多状况下，FF和Opera的CSS解释原则更贴近CSS原则，也更含有规范性。2、IE选择符空格BUG
今天在给博客的段落样式设立首字符样式的时候发现，原来一种空格也能够使样式失效。请看下列代码：
复制代码代码以下:
<!DOCTYPEhtmlPUBLIC"-mozillafirefox和IE中的BOX模型解释不一致造成相差2px解决办法：div{margin:30px!important;margin:28px;}
注意这两个margin的次序一定不能写反，据阿捷的说法!important这个属性IE不能识别，但别的浏览器能够识别。因此在IE下其实解释成这样：div{maring:30px;margin:28px}
重复定义的话按照最后一种来执行，因此不能够只写margin:XXpx!important;
和IE6的BOX解释不一致
IE5下div{width:300px;margin:010px010px;}
div的宽度会被解释为300px-10px(右填充)-10px(左填充)最后div的宽度为280px，而在IE6和其它浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们能够做以下修改div{width:300px!important;width:340px;margin:010px010px}
有关这个是什么我也不太明白，只懂得IE5和firefox都支持但IE6不支持，如果有人理解的话，请告诉我一声，谢了！：）
标签在Mozilla中默认是有padding值的,而在IE中只有margin有值因此先定义ul{margin:0;padding:0;}
就能解决大部分问题
注意事项：
1、float的div一定要闭合。
例如：(其中floatA、floatB的属性已经设立为float:left;)<#divid=\"floatA\">
<#divid=\"floatB\">
<#divid=\"NOTfloatC\">
这里的NOTfloatC并不但愿继续平移，而是但愿往下排。
这段代码在IE中毫无问题，问题出在FF。因素是NOTfloatC并非float标签，必须将float标签闭合。
在<#divclass=\"floatB\">
<#divclass=\"NOTfloatC\">
之间加上<#divclass=\"clear\">
这个div一定要注意声明位置，一定要放在最恰当的地方，并且必须与两个含有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。
并且将clear这种样式定义为为以下即可：.clear{
clear:both;}
另外，为了让高度能自动适应，要在wrapper里面加上overflow:hidden;
9.如何居中一种浮动元素设立容器的浮动方式为相对定位然后拟定容器的宽高例如宽500高300的层然后设立层的外边距Div{Width:500px;height:300px;Margin:-150px00-250px;position:absolute;left:50%;top:50%;}
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的JavascriptAPIsHTML5在Javascript上面新增了哪些API呢？
Video/Audio:HTML5为Video和Audio提供了API来让开发者控制他们自己的顾客界面，如能够播放或暂停媒体内容。CSS3CSS3对于我们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><li>这是第二条</li><li>这是第三条</li>
</ul>
9.近来看的一篇Javascript的文章是？
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下这个问题是默认行高造成的，overflow:hidden
|
zoom:
|
line-height:1px这样也能够解决
7.如何实现一种层在浏览器中垂直左右居中margin：auto
8.如何解决ie6的3像素问题_zoom:1;
margin-left:value;_margin-left:value-3px;
9.为什么FF下文本无法撑开容器的高度如何解决清晰浮动
10.怎么样才干让层显示在FLASH之上呢
解决的方法是给FLASH设立透明属性<paramname="wmode"value="transparent"/>或者<paramname="wmode"value="opaque"/>
1、答：把"未采用CSS，大量使用HTML进行定位、布局，或者即使已经采用CSS，但是未遵照HTML构造化原则的站点"变成"让标记回归标记的原本意义。通过在HTML文档中使用构造化的标记以及用CSS控制页面体现，使页面的实际内容与它们呈现的格式相分离的站点。"的过程就是网站重构网站为什么要进行重构（网站重构的好处）a、使页面加载得更快速；b、减少带宽带来的费用：节省成本；c、让你在修改设计时更有效率而代价更低；d、协助你的整个站点保持视觉的一致性；e、更利于搜索引擎的检索（符合SEO的规范）；f、令站点更容易被多个浏览器和顾客访问（涉及手机、PDA和残障人士使用的文字浏览器）；g、兼容不容无视的Mozilla系浏览器（Firefox份额）；h、提高你的职场竞争实力(事实上也就是减少失业的风险)。div+css的布局较table布局有什么优点:1、改版的时候更方便只要改css文献。2、页面加载速度更快、构造化清晰、页面显示简洁。3、体现与构造相分离。4、易于优化（seo）搜索引擎更和谐，排名更容易靠前。
答：2.如何理解css盒模型：每个HTML元素都是长方形盒子外边局(margin)、内边距(padding)、边框(border);答：3.平时做网页用的csshack
Ie6*_;
ie7*,*+,!important;
ff!important.
答：4.体现与构造相分离简朴的说就是HTML中只有标签元素
体现完全是由CSS文献控制的
答：5.解决ie6双边距问题块级元素就加display：inline；行内元素转块级元素display：inline背面再加display：table
6.如何定义高度为1px的容器{heigh：1px;width:10px;background:#000;overflow:hidden}ie6下这个问题是默认行高造成的，overflow:hidden
|
zoom:
|
line-height:1px这样也能够解决7.如何实现一种层在浏览器中垂直左右居中margin：auto8.如何解决ie6的3像素问题_zoom:1;
margin-left:value;_margin-left:value-3px;9.为什么FF下文本无法撑开容器的高度如何解决去除浮动.clear{clear:both;height:0px;overflow:hidden;}
10.怎么样才干让层显示在FLASH之上呢
解决的方法是给FLASH设立透明属性<paramname="wmode"value="transparent"/>或者<paramname="wmode"value="opaque"/>补充:1、margin-left:10px在FF和IE6下显示问题。IE6显示20px,FF显示10px。
用!important就能够解决了。margin-left:10px!important;margin-left:5px;
2、cursor:hand在FF不显示小手，如何解决？
一句话：cursor;pointer;
3、规定在FF显示height为20px;IE6下显示height为25px;IE7下显示height为30px.
#test{height:20px;}
*html#test{height:25px;}
*+html#test{height:30px;}
这个以前我们说过，请参考【IE6的疯狂Bug之九】解决CSS兼容性最惯用的"Haker"
三个就写上，FF只认识第一种#test,IE6只认识第二个*html#test，IE7只认识第三个*+html#test
PS：DTD必须加上<!DOCTYPEHTMLPUBLIC“-lear{clear:both;font-size:0px;height:1px}，
这样解决有一种小小的问题，高度会多一种像素。尚有一种解决办法，给现在层加上一种伪类
#test:after{content:".";display:block;
height:0;clear:both;visibility:hidden;}
1.超链接访问过后hover样式就不出现的问题被点击访问过的超链接样式不在含有hover和active了,解决办法是变化CSS属性的排列次序:L-V-H-A的双倍边距BUG例如:<stylet
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024-2030年版中国出境旅游行业运营模式及“一带一路”发展规划分析报告
- 2024-2030年版中国三聚氰胺氰尿酸盐（MCA）行业规模分析及发展可行性研究报告
- 2024-2030年江苏省光纤光缆行业发展形势及投资策略研究报告版
- 2024-2030年新版中国刀具痤套项目可行性研究报告
- 2024-2030年单段煤气发生炉搬迁改造项目可行性研究报告
- 2024-2030年全球及中国食品级松香甘油酯行业销售模式及需求趋势预测报告
- 2024-2030年全球及中国钼镧合金行业需求态势及投资前景预测报告
- 2024年度卫星通信服务采购合同
- 2024-2030年全球及中国磺胺行业前景动态及供需趋势预测报告～
- 2024-2030年全球及中国电子雪茄行业销售情况及营销前景预测报告
- 2023年12月英语四级真题及答案-第2套
- 2024天猫男装行业秋冬趋势白皮书
- 《正确对待外来文化》名师课件
- 2024年绵阳科技城新区事业单位考核公开招聘高层次人才10人（高频重点复习提升训练）共500题附带答案详解
- 中医食疗药膳学智慧树知到答案2024年四川护理职业学院
- 建筑项目安全风险分级管控清单建筑风险分级管控清单(范例)
- 马背上的民族蒙古族少数民族蒙古族介绍课件
- 工程图学（天津大学）智慧树知到期末考试答案章节答案2024年天津大学
- 农村户改厕施工协议书
- 当代社会政策分析 课件 第十一章 残疾人社会政策
- 家政公司未来发展计划方案
评论
0/150
提交评论