2016前端面试题第一套含答案

1)下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度a.display:inlineb.display:nonec.display:blockd.display:inherit2)css属性overflow属性定义溢出元素内容区的内容会如何处理。如果值为scroll，不论是否需要，用户代理都会提供一种滚动机制。TrueFalse3)新窗口打开网页，用到以下哪个值（）。a._selfb._blankc._topd._parent4)下面有关jquery事件的响应，描述错误的是？a.onclick鼠标点击某个对象b.onfocus元素失去焦点c.onload是某个页面的cssjshtml文档结构和图像被完成加载d.onmousedown某个鼠标按键被按下5)元素的alt和title有什么异同，选出正确的说法？不同的浏览器，表现一样a.alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字b.alt和title同时设置的时候，title作为图片的替代文字出现，alt是图片的解释文字c.以上说法都不正确6)下列js可以让一个input的背景颜色变成红色的是？A.inputElement.style.backgroundColor='red';b.inputElement.backgroundColor='red';c.inputElement.style.backgroundColor='#0000';d.inputElement.backgroundColor='#0000';7)下面有关html5标签说法错误的有？a.audio标签定义声音，比如音乐或其他音频流b.canvas比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容c.menu标签定义菜单列表。当希望列出表单控件时使用该标签d.command标签定义命令按钮，比如单选按钮、复选框或按钮8)下述有关css属性position的属性值的描述，说法错误的是？a.static：没有定位，元素出现在正常的流中b.fixed：生成绝对定位的元素，相对于父元素进行定位c.relative：生成相对定位的元素，相对于元素本身正常位置进行定位。d.absolute：生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位。9)下面符合一个有效的javascript变量定义规则的是？a._$te$t2b.withc.abcd.2a10)下面有关JavaScript中call和apply的描述，错误的是？a.call与aplly都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性b.两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是c.apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入d.call传入的则是直接的参数列表。call方法可将一个函数的对象上下文从初始的上下文改变为由thisObj指定的新对象。11)什么会被打印在控制台上？b是局部变量还是全局变量(function(){vara=b=5;})();console.log(b);12)执行这段代码，输出什么结果。functiontest(){console.log(a);console.log(foo());vara=1;functionfoo(){return2;}}test();13)执行这段代码，输出什么结果。varfullname='JohnDoe';varobj={fullname:'ColinIhrig',prop:{fullname:'AurelioDeRosa',getFullname:function(){returnthis.fullname;}}};console.log(obj.prop.getFullname());vartest=obj.prop.getFullname;console.log(test());14)下面这个JS程序的输出是什么：functionFoo(){vari=0;returnfunction(){console.log(i++);}}varf1=Foo(),f2=Foo();f1();f1();f2();15)下面这个JS程序的输出是什么：SCRIPTLANGUAGE=JavaScriptvarbb=1;functionaa(bb){bb=2;alert(bb);};aa(bb);alert(bb);/SCRIPT16)Doctype作用?严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?17)CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS3新增伪类有那些？18)谈谈This对象的理解。19）请用js实现全选和取消全选的功能，只需要写出js代码（可以使用jquery框架）inputtype=”checkbox”id=”checkall”/全选divclass=”list”inputtype=”checkbox”name=”type”value=”1”/这是1inputtype=”checkbox”name=”type”value=”2”/这是2/div20)面试官问你有没有女/男朋友?答案1，C。内联元素加上display：block;后被块级化。块级元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。因此，可以定义其宽度和高度。,2，TRUE。参数是scroll时候，必会出现滚动条。参数是auto时候，子元素内容大于父元素时出现滚动条。参数是visible时候，溢出的内容出现在父元素之外。参数是hidden时候，溢出隐藏。,3，选B。在html中通过a标签打开一个链接，通过a标签的target属性规定在何处打开链接文档。如果在标签a中写入target属性，则浏览器会根据target的属性值去打开与其命名或名称相符的框架frame或者窗口.在target中还存在四个保留的属性值如下，属性值值描述_blank在新窗口中打开被链接文档。_self默认。在相同的框架中打开被链接文档。_parent在父框架集中打开被链接文档。_top在整个窗口中打开被链接文档。framename在指定的框架中打开被链接文档。4，选b。onfocus获得焦点onblur失去焦点5，A这两个属性是有些重复了。在不同浏览器里面表现有些不同。在alt和title同时设置的时候，alt作为图片的替代文字出现，title是图片的解释文字。6，A#0000是不正确的写法，至少要为六位，应该是#FF0000A写法是正确的，有两种写法：document.getElementById(input).style.backgroundColor=red;inputElement.style.backgroundColor=#FF0000;7，B这里考察HTML标签的使用：audio标签定义声音，比如音乐或其他音频流。A正确。canvas标签定义图形，比如图表和其他图像。canvas标签只是图形容器，您必须使用脚本来绘制图形。B错误，article标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自blog的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。menu标签定义命令的列表或菜单。menu标签用于上下文菜单、工具栏以及用于列出表单控件和命令。C正确command元素表示用户能够调用的命令。command标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当command元素位于menu元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。D正确。8，Bstatic元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。absolute元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。fixed元素框的表现类似于将position设置为absolute，不过其包含块是视窗本身。9，A正确;B是关键字；C有空格；D开头为数字；第一个字符必须是一个ASCII字母（大小写均可），或一个下划线(_)。注意第一个字符不能是数字。后续的字符必须是字母、数字或下划线。变量名称一定不能是保留字。10，B；call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：functionadd(c,d){returnthis.a+this.b+c+d;}varo={a:1,b:3};add.call(o,5,7);//1+3+5+7=16add.apply(o,[10,20]);//1+3+10+20=34十一，5b是全局变量。十二，undefined和2。十三，答案是AurelioDeRosa和JohnDoe十四，010十五，21十六（1）、!DOCTYPE声明位于文档中的最前面，处于html标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。（2）、严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。（4）、DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。十七*1.id选择器（#myid）2.类选择器（.myclassname）3.标签选择器（div,h1,p）4.相邻选择器（h1+p）5.子选择器（ulli）6.后代选择器（lia）7.通配符选择器（*）8.属性选择器（a[rel=external]）9.伪类选择器（a:hover,li:nth-child）*可继承：font-sizefont-familycolor,ULLIDLDDDT;*不可继承：borderpaddingmarginwidthheight;*优先级就近原则，样式定义最近者为准;*载入样式以最后载入的定位为准;优先级为:!importantidclasstagimportant比内联优先级高CSS3新增伪类举例：p:first-of-type选择属于其父元素的首个p元素的每个p元素。p:last-of-type选择属于其父元素的最后p元素的每个p元素。p:only-of-type选择属于其父元素唯一的p元素的每个p元素。p:only-child选择属于其父元素的唯一子元素的每个p元素。p:nth-child(2)选择属于其父元素的第二个子元素的每个p元素。:enabled、:disabled控制表单控件的禁用状态。:checked，单选框或复选框被选中。十八this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。this一般情况下：是全局对象Global。作为方法调用，那么this就是指这个对象十九$(function(){$(#checkall).click(function(){if($(this).attr(checked)){$(div.listinput).attr(checked,tr