2022年javascript基本面试题 .pdf

《2022年javascript基本面试题 .pdf》由会员分享，可在线阅读，更多相关《2022年javascript基本面试题 .pdf（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、一、单选题1、以下哪条语句会产生运行错误：（a）A.var obj = ();/语法错误 B.var obj = ;/创建数组C.var obj = ;/创建对象 D.var obj = /; 原因： var obj = new Array ();是对的； JavaScript 中大括号表示创建对象。var obj = id:1, name:jacky ;alert(obj.name);上例表示创建一个具有属性 id （值为 1 ）、属性 name（值为 jacky ）的对象。属性名称可以用引号引起来成 id、name，也可以不引。当然除了属性，也可以创建方法。试验代码/* window.on

2、load=function() / var obj = (); var obj1 = ;/object var obj2 = ;/object var obj3 = /;/undefine alert(typeof(obj1); alert(typeof(obj2); alert(typeof(obj3); */ function showName() alert(this.name); var obj = id:1, name:jacky, showName:showName ; obj.showName(); 2、以下哪个单词不属于javascript保留字：（ b）A.with B.pa

3、rent C.class D.void 以下的保留字不可以用作变量, 函数名 , 对象名等 , 其中有的保留字是为以后JAVASCRIPT 扩展用的 . abstract boolean break byte case catch char class const continue default do double else extends false final finally float for function goto if implements import in instanceof int interface long native new null package priva

4、te protected public return short static super switch synchronized this throw throws transient true try var void while with 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 17 页 - - - - - - - - - 3、请选择结果为真的表达式：（c）A.null instanceof Object（if(!(null instanceof Objec

5、t)是真的）B.null = undefined C.null = undefined D.NaN = NaN (1) null确实可以理解为原始类型，不能当Object 理解！null,int,float.等这些用关键字表示的类型, 都不属于 Object. 至于可以把 null作为参数 , 只是特殊规定而已 . 可以这么理解 : 对象的引用代表的是一个内存的值,null是一个空引用 , 可以理解为内存的值为 0; 按这个意思对代码(2) function f1() 1. alert(f1 instanceof Function);/true 2. alert(f1 instanceof O

6、bject);/true 3. alert(Function instanceof Object);/true 4. alert(Object instanceof Function);/true Function 是 Object 的实例 ,Object又是 Function 的实例Function 是函数的构造函数，而Object 也是函数， Function 自身也是函数Object.prototype是一切原型链的顶点， instanceof会查找整个原型链alert(Function); alert(Function.prototype); alert(Function._proto

7、_); alert(Object); alert(Object.prototype); alert(Object._proto_); alert(function().prototype); alert(function()._proto_); alert(function()._proto_.prototype); alert(function().prototype._proto_); alert(Array._proto_); alert(123)._proto_); alert(Number)._proto_); alert(test)._proto_); alert(String).

8、_proto_); alert(true)._proto_); alert(Boolean)._proto_); /* window.onload=function() if(NaN = NaN) alert(ddd); */ 二、不定项选择题名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 17 页 - - - - - - - - - 4、请选择对 javascript理解有误的： (abcd) A.JScript是 javascript的简称B.javascript是网

9、景公司开发的一种Java 脚本语言，其目的是为了简化Java的开发难度C.FireFox 和 IE 存在大量兼容性问题的主要原因在于他们对javascript的支持不同上D.AJAX技术一定要使用 javascript技术5、 foo 对象有 att 属性，那么获取 att 属性的值，以下哪些做法是可以的：（ACE ）A.foo.att B.foo( “att ”) C.foo “att ” D.foo “att ” E.foo “a”+”t ”+”t ” 6、在不指定特殊属性的情况下，哪几种HTML 标签可以手动输入文本：（ace ）A.B.C.D.7、以下哪些是 javascript的全局

10、函数：（ abc）A.escape B.parseFloat C.eval D.setTimeout E.alert 8、关于 IFrame 表述正确的有： (abcd)A.通过 IFrame，网页可以嵌入其他网页内容，并可以动态更改B.在相同域名下，内嵌的IFrame 可以获取外层网页的对象C.在相同域名下，外层网页脚本可以获取IFrame 网页内的对象D.可以通过脚本调整 IFrame 的大小9、关于表格表述正确的有：（abcde）A.表格中可以包含 TBODY 元素 B. 表格中可以包含CAPTION 元素C.表格中可以包含多个TBODY 元素 D. 表格中可以包含 COLGROUP元素

11、E.表格中可以包含 COL元素10、关于 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 的方式来存取该变量三、问答题：1、谈谈 javascript数组排序方法 sort()的使用，重点介绍sort()参数的使用及其内部机制sort 的实现的功能类

12、似JAVA的比较器， 数据排序从多维数组的第一维开始排序可以自己定义排序方法，很不多的函数2、简述 DIV 元素和 SPAN 元素的区别。DIV 有回车， SPAN 没有3、结合 text这段结构，谈谈 innerHTML outerHTML innerText之间的区别。innerHTML对象里面的 HTML,outerHTML包括对象和里面的innerText对象里面的文本4、说几条 XHTML 规范的内容（至少3 条）属性加引号，不能有不匹配的标签，加定义5、对 Web标准化（或网站重构）知道哪些相关的知识，简述几条你知道的Web标准？名师资料总结 - - -精品资料欢迎下载 - - -

13、 - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 17 页 - - - - - - - - - 网页主要由三部分组成：结构（Structure）、表现（ Presentation）和行为（Behavior ）。对应的网站标准也分三方面：结构化标准语言，主要包括XHTML和 XML ； 表现标准语言主要包括CSS ； 行为标准主要包括对象模型 （如 W3C DOM ） 、ECMAScript等。四、程序题：1、完成 foo() 函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。 function foo() / 在此

14、处添加代码var rg = document.getElementsByName(radioGroup); for( var i = 0; i rg.length; i+ ) if( rgi.checked ) alert(你选择了第 + (i+1) + 个单选框 ); return false; 2、填充注释部分的函数体，使得foo() 函数调用弹出”成功”的对话框。代码应尽量简短。 function foo() 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 17 页

15、 - - - - - - - - - var str = reverse(a,b,c,d,e,f,g); alert(str); if (str = g,f,e,d,c,b,a) alert(成功); else alert(失败); function reverse(str) / 在此处加入代码，完成字符串翻转功能var spl = str.split(,); var newstr=; for(i=spl.length-1;i=0;i-) newstr+=spli+,; newstr=newstr.substring(0,newstr.length-1) return newstr; func

16、tion reverse(str) / 在此处加入代码，完成字符串翻转功能return str.split(,).reverse().join(,); 1. 求 y 和 z 的值是多少？ var x = 1; var y = 0; var z = 0; function add(n)n=n+1; y = add(x); function add(n)n=n+3; z = add(x); 分析:function add没有返回值， y 和 z 都会是 undefined ，而且，将 add 函数改好：function add(n)return n=n+1;和 function add(n)ret

17、urn n=n+3; y 和 z 都会是 4，因为后面定义的add 会覆盖前面定义的add。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 17 页 - - - - - - - - - 2：javascript是面向对象的，怎么体现javascript的继承关系？3：javascript怎样选中一个 checkbox，怎样设置它无效？4：在 css 中：以下语句各代表什么意思？tdwidth100% /表 HTML 元素 .tdwidth100%/类元素#tdwidth1

18、00%/ID #tdwidth100% 1、form 中的 input有哪些类型？各是做什么处理使用的？text radio checkbox file button image submit reset hidden submit 是 button的一个特例，也是button 的一种，它把提交这个动作自动集成了。 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证） 后再提交的话，通常都必须把 submit 改成 button ， 即取消其自动提交的行为， 否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。button 具有 name 、value 属性，能触发

19、onclick事件submit 继承了 button submit 增加了触发表单 onsubmit 事件的功能、增加了执行表单的 submit() 方法的功能INPUT type=submit 按回车提交表单button 提交的是 innerTEXT 2、table标签中 border,cellpadding td标签中 colspan,rowspan分别起什么作用？border 边界 cellpadding边距cellpadding，是补白，是指单元格内文字与边框的距离cellspacing，两个单元格之间的距离colspan 跨列数rowspan 跨行数3、form 中的 input可以

20、设置 readonly和 disable ，请问这两项属性有什么区别？readonly 不可编辑 , 但可以选择和复制disable不能编辑复制选择4、JS中的三种弹出式消息提醒( 警告窗口、 确认窗口、 信息输入窗口 ) 的命令是什么？alert confirmprompt 5. 题目：当点击按钮时，如何实现两个td 的值互换？用 javascript实现此功能。分析：这个题主要是考变量传值。其次是考如何取元素的值。第一种代码如下：1 2 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - -

21、 第 6 页，共 17 页 - - - - - - - - - 3 4 5无标题文档 6 7 / 29 30 31 32 33 34 35 36 37 38第二种代码如下：1 2 3 4 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 17 页 - - - - - - - - - 5无标题文档 6 7 / 29 30 31 32 33 34 35 321445 36 37 38 39 123133 40 41 42 43 44 456. 闭包问题 名师资料总结 - - -

22、精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 17 页 - - - - - - - - - Untitled Page window.onload=function () var ii,a=; var d=document.getElementsByTagName(DIV); for (ii=0;ii d.length;ii+) if (dii.id=top) a=dii.getElementsByTagName(li); for ( var i=0;i a.length;i+) /ai.on

23、mouseover=function()show(i); /此处的 i 是一个变量 , 在运行 show取 i 的值, 很显示你的 i 每次都会最终变成a.length ai.onmouseover=new Function(show(+i+); /这里的 i 是一个常量 , 就是此刻 i 是值 function show(z) alert(z); div1 a a a a a 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 17 页 - - - - - - - - -

24、使用注释行的时候，总是提示5. 在一般编程语言中 , 参数都是 传值, 假设一个C 函数的原型是int Fun(int value); 当你调用这个函数时 , Fun函数首先会在自己的函数栈上copy 一份参数 , 就是这个函数的副本 , 当你在 Fun外部修改 value 值, 并不会影响 Fun内部的 value. 而 Javascript的内嵌函数很特殊 , 它并不会 copy 一个参数副本 , 所有函数公用一套参数 , 所以你在函数外部修改了参数值, 函数内部也会受影响 . 这就是为什么你的show函数, 它的 z 参数是最后一个值 , 因为每一次循环 , z都被更改了 . 传值和传址

25、的问题1. 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20 2. 截取字符串 abcdefg 的 efg 3. 让一个 input的背景颜色变成红色4。给一个页面，写html css 5。div 的高宽等于浏览器可见区域的高宽，浏览器滚动， div 始终覆盖浏览器的整个可见区域6。判断一个字符串中出现次数最多的字符，统计这个次数7。IE 与 FF脚本兼容性问题又重新问的是 1，4，6，7，这次问出题者的意图，并且让给出7 的更多答案，以及 IE FF 不兼容的原因然后看了看简历，没有问简历上的项目，而是让自己随便谈谈1 对于 web客户端技术未来趋

26、势发展谈谈看法javascript + ajax=RIA Adobe Flash AS 3 Flex Sliveright 2web开发团队人员应该如何分工协作布局 CSS 脚本比如脚本人员长期的积累可能铸造类型YUI这样的产品级脚本库（亮点）3web开发曾经的团队有没有别人遇到问题，什么问题，向你请教4 如果要实习，什么时候可以5 自己在开发的过程中遇到什么问题，谈谈看法6web开发脚本开发环境用什么、调试用什么试过 aptana，现在就用 editplus 调试肯定用 firebug ，ie 下看页面 DOM 用 IEInspector 7 如果有个新技术，现在需要掌握，你会怎么做名师资料

27、总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 17 页 - - - - - - - - - 新技术的发现我一般是通过RSS工具，比如我用 GoogleReader 每天有半个小时左右在看最新的资讯、技术走向发现新技术，首先有个大概了解，如果有深入的必要我一般会看他的官网， 比如 jquery ， 我会搜索到 ， 然后看 Docs、samples 如果要用到项目中， 有困难的问题， 我会 svn 得到最新的这个技术的源码，深入跟踪进去，看实现原理一般现在涌现的技术都是opens

28、ource 提问时间1 百度 web开发脚本是否有做类似YUI 库的打算2 百度 web开发工程师打算招多少人百度电话二面回忆 web 开发部 web开发工程师首先是自我介绍然后谈谈做的 web项目然后开始问技术问题前端开发的优化问题答: 产品发布时， js 的压缩，即函数名替换、整个文件压缩成一行css 开发的时候注释写清楚，先有个 base.css ， 然后根据不同页面需要再加css，发布的时候将 css 中的一个定义写成一行，目的是压缩文件大小最终发布的时候甚至可以将css，js 分别压缩成一个文件， 甚至 css、js 通过技巧压缩到一个里边（亮点）这样的目的是，减少用户访问web产品

29、的 http 连接数web前端产品的开发流程答: 首先根据产品的定位、 用户群，确定配色，然后纸上设计整体布局， 然后 png或者 psd 出效果图， 切出需要的小图片， 然后手写代码 div+css 构造出页面， 然后根据功能写脚本参考 126 邮箱首页，将所有小图片放到一个图片中，通过css 的background-position实现页面，还是为了优化，减少http 连接数规避 javascript多人开发函数重名问题答: 首先是通过命名规范，比如根据不同的开发人员实现的功能，在函数名加前缀，虽然函数名看起来复杂，发布的时候还是可以替换，从而优化。还有一种办法是， 每个开发人员都把自己的

30、函数封装到类中，然后调用的时候即使函数名相同，但是因为是要类. 函数名来调用，所以也减少了重复的可能性。javascript面向对象中继承实现答：我是用 prototype.js extend.js扩展然后子类中 parent.initialize(),名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 17 页 - - - - - - - - - 答的不好正确答案：/ 1. 构造器function Animal() ; function Mammal() ; functi

31、on Canine() ; function Dog() ; / 2. 原型链表Mammal.prototype = new Animal(); Canine.prototype = new Mammal(); Dog.prototype = new Canine(); prototype.js实现的基本原理答：将功能封装比如 Ajax.Request ，还是有判断浏览器的代码；Position这样的实现页面元素位置的计算prototye太大，如果一个页面功能不需要这样的，自己实现，怎么做答： 首先页面、css、 脚本分离之后，脚本中将整个模块功能写成一个类var Do= 其中初始化函数 in

32、it:function()，然后最后做 Do.init() 其中 init会对页面上 form 中需要交互的元素绑定事件，比如$(input1 ).onclick=function()IE、FF下面脚本的区别答：1.IE 有 outerHTML，FF没有2. 页面元素 id ，IE 可以直接取， FF必须 document.getElementById() 3.Ajax 里边 FF是 new XMLHttpRequest，而 IE 是try new ActiveXObject(Msxml2.XMLHTTP) try new ActiveXObject(Microsoft.XMLHTTP)FF下

33、面实现 outerHTML 答：.parenet.firstChild .parent.innerHTML 这个没答好正确答案：原理是， get ：取到这个标签的tagname，然后属性循环构造成这个标签的属性set ：把字符串用 insertBefore插入到这个元素前面， 然后 removeChild 这个元素 ! if(typeof(HTMLElement)!=”undefined ” & !window.opera)名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共

34、 17 页 - - - - - - - - - HTMLElement.prototype._defineGetter_(”outerHTML ”,function() var a=this.attributes, str=”+this.tagName, i=0;for(;i ”;return str+”+this.innerHTML+ ”;); HTMLElement.prototype._defineSetter_(”outerHTML ”,function(s) var d = document.createElement(”DIV”); d.innerHTML = s;for(var

35、i=0; i IE、FF下面 CSS 的解释区别答：1.png 透明背景， FF下面没有问题， IE 需要用滤镜通道2.z-index在 IE、FF下面的解释问题，IE 会认为第一个 z-index=0 3. 长字符串，word-wrap:break-all可以解决 IE， 但是 FF需要 overflow:hidden才行冯舒娅补充：1、有些标签在 ff中不能用，比如 button 2、滤镜3、鼠标 cursor:hand cursor:pointer 4、div 的高度自适应5、对 box 模型解析不一样6、ul 、ol 的 padding 和 margin IE 都能识别 *，标准浏览器

36、（如FF）不能识别 *；IE6 能识别 *，但不能识别 !important；名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 17 页 - - - - - - - - - IE7 能识别 *，也能识别 !important；FF不能识别 *，但能识别 !important；例如 style= ”*width:10px;!important width:20px;”这样在 IE6 下宽度为 10px, 在 IE7 下宽度时 20px web前端技术的展望答：javascr

37、ipt ajax；flash AS ；Flex ；Sliveright 1 编写一个方法求一个字符串的字节长度new function(s) if(!arguments.length|!s) return null; if( ”=s) return 0;var l=0; for(var i=0;i255) l+=2; else l+; alert(l); ( ”hello你好，我好 , 大家好！ world! ”); 2 编写一个方法去掉一个数组的重复元素Array.prototype.strip=function() if(this.length2) return this0|; var a

38、rr=; for(var i=0;ithis.length;i+) arr.push(this.splice(i,1); for(var j=0;jthis.length;j+) if(thisj=arrarr.length-1) this.splice(j,1); return arr; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 17 页 - - - - - - - - - var arr=abc,85,abc,85,8,8,1,2,5,4,7,8; alert

39、(arr.strip(); 3 说出 3 条以上 ff 和 ie 的脚本兼容问题IE 有 children ，FF没有； IE 有 parentElement ，FF没有； IE 有innerText,outerText,outerHTML，FF 没有； FF有HTMLElement,HTMLDivElement,XMLDocument,DocumentFragment,Node, Event,Element 等等，IE 没有；IE 有数据岛，FF没有；IE 跟 FF创建 HttpRequest实例的方法不一样。等等。4 用脚本写去除字符串的前后空格String.prototype.trim

40、= function(mode) / 前后去空格if (mode= left ) return (this.charAt(0) = ” “ & this.length 0) ? this.slice(1).trim(left ) : this); else if (mode = right ) return (this.charAt(this.length - 1) = ” “ & this.length 0) ? this.slice(0, this.length - 1).trim(right ) : this); else r eturn this.trim(left ).trim(ri

41、ght ); ; 5 算出字符串中出现次数最多的字符是什么，出现了多少次/ maxLength ) /判断原始的字符串的长度减去替代后字符串长度是否大于之前出现的最大的字符串长度maxLength = oldStr.length-str.length; / 两字符串长度相减得到最大的字符名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 17 页 - - - - - - - - - 串长度result = getStr + = + maxLength /返回最大的字符串结果

42、（字母、出现次数） alert(result) /弹出结果/ 6 写出 3 中使用 this 的典型应用在 HTML 元素事件属性中 inline方式使用 this关键字：7. 最后一个问题是，如何制作一个 combo选项， 就是可以输入可以下拉菜单选择。这个网上有很多成品， 主要是通过绝对定位和相对定位结合的方式，改造原有的select 标签和 input标签的方法。附上 javascript正则表达式的基本知识：g: 全局匹配i: 忽略大小写 匹配一个输入或一行的开头，/a/ 匹配”an A”，而不匹配” An a”$ 匹配一个输入或一行的结尾，/a$/ 匹配”An a”，而不匹配” an

43、 A”* 匹配前面元字符 0 次或多次， /ba*/ 将匹配 b,ba,baa,baaa + 匹配前面元字符 1 次或多次， /ba*/ 将匹配 ba,baa,baaa ? 匹配前面元字符 0 次或 1 次，/ba*/ 将匹配 b,ba (x) 匹配 x 保存 x 在名为$1,$9的变量中x|y 匹配 x 或 y n 精确匹配 n 次n, 匹配 n 次以上n,m 匹配 n-m 次xyz 字符集 (character set)，匹配这个集合中的任一一个字符(或元字符 ) xyz 不匹配这个集合中的任何一个字符b 匹配一个退格符b 匹配一个单词的边界B 匹配一个单词的非边界cX 这儿， X是一个控

44、制符， /cM/ 匹配 Ctrl-M d 匹配一个字数字符， /d/ = /0-9/ D 匹配一个非字数字符， /D/ = /0-9/ n 匹配一个换行符r 匹配一个回车符s 匹配一个空白字符，包括n,r,f,t,v等S 匹配一个非空白字符，等于/nfrtv/ t 匹配一个制表符v 匹配一个重直制表符名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 17 页 - - - - - - - - - w 匹配一个可以组成单词的字符(alphanumeric ，这是我的意译， 含数字 ) ，包括下划线，如 w 匹配”$5.98中的 5，等于 a-zA-Z0-9 W 匹配一个不可以组成单词的字符，如W匹配”$5.98中的 $，等于a-zA-Z0-9 举例：验证 email var myReg = /_a-z0-9+(_a-z0-9+.)+a-z0-92,3$/; if(myReg.test(strEmail) return true; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 17 页，共 17 页 - - - - - - - - -