网页前端整理的笔试题目.doc
网页前端整理的笔试题目.doc
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- 网页 前端 整理 笔试 题目
- 资源描述：
-
经典的 Web 前端或者 JavaScript 面试笔试题 一、不定项选择题 （每题3分，共30分） 1. 声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是（ ） A. var obj = [name:"zhangsan",show:function(){alert(name);}]; B. var obj = {name:”zhangsan”,show:”alert(this.name)”}; C. var obj = {name:”zhangsan”,show:function(){alert(name);}}; D. var obj = {name:”zhangsan”,show:function(){alert(this.name);}}; 2. 以下关于Array数组对象的说法不正确的是（ ） A. 对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序函数的参数 B. reverse用于对数组数据的倒序排列 C. 向数组的最后位置加一个新元素，可以用pop方法 最后添加push最后删除pop D. unshift方法用于向数组删除第一个元素开头添加unshift最后删除shift 3. 要将页面的状态栏中显示“已经选中该文本框”，下列JavaScript语句正确的是（ ） A. window.status=”已经选中该文本框” B. document.status=”已经选中该文本框” C. window.screen=”已经选中该文本框” D. document.screen=”已经选中该文本框” 4. 点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（ ） A. <input type=”button” value=”new” onclick=”open(?new.html?, ?_blank?)”/> B. <input type=”button” value=”new” onclick=”window.location=?new.html?;”/> C. <input type=”button” value=”new” onclick=”location.assign(?new.html?);”/> D. <form target=”_blank”action=”new.html”> <inputtype=”submit” value=”new”/> </form> 5. 使用JavaScript向网页中输出<>hello</>，以下代码中可行的是（ ） A. <scripttype=”text/javascript”> document.write(<>hello</h1>); </script> B. <scripttype=”text/javascript”> document.write(“<h1>hello</h1>”); </script> C. <scripttype=”text/javascript”> <h1>hello</h1> </script> D. <h1> <scripttype=”text/javascript”> document.write(“hello”); </script> </h1> 6. 分析下面的代码： <html> <head> <script type=”text/javascript”> function writeIt (value) { document.myfm.first_text.value=value;} </script> </head> <body bgcolor=”#ffffff”> <form name=”myfm”> <input type=”text” name=”first_text”> <input type=”text” name=”second_text”> </form> </body> </html> 以下说法中正确的是（ ） A. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，第一个文本框的内容不变 B. 在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容 C. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，将在第一个文本框中复制第二个文本框的内容 D. 在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变 7. 下面的JavaScript语句中，（ ）实现检索当前页面中的表单元素中的所有文本框，并将它们全部清空 A. for(vari=0;i< form1.elements.length;i++) { if(form1.elements.type==”text”) form1.elements.value=”";} B. for(vari=0;i<document.forms.length;i++) { if(forms[0].elements.type==”text”) forms[0].elements.value=”"; } C. if(document.form.elements.type==”text”) form.elements.value=”"; D. for(vari=0;i<document.forms.length; i++){ for(var j=0;j<document.forms.elements.length; j++){ if(document.forms.elements[j].type==”text”) document.forms.elements[j].value=”"; } } 8. 在表单(form1)中有一个文本框元素(fname)，用于输入电话号码，格式如：010-82668155，要求前3位是010，紧接一个“-”，后面是8位数字。要求在提交表单时，根据上述条件验证该文本框中输入内容的有效性，下列语句中，（ ）能正确实现以上功能 A. var str= form1.fname.value; if(str.substr(0,4)!=”010-”|| str.substr(4).length!=8 || isNaN(parseFloat(str.substr(4)))) isNaN是否是非数值，true是非数值 alert(“无效的电话号码！”); B. var str= form1.fname.value; if(str.substr(0,4)!=”010-” && str.substr(4).length!=8 & isNaN(parseFloat(str.substr(4)))) alert(“无效的电话号码！”); C. var str= form1.fname.value; if(str.substr(0,3)!=”010-”|| str.substr(3).length!=8 || isNaN(parseFloat(str.substr(3)))) alert(“无效的电话号码！”); D. var str= form1.fname.value; if(str.substr(0,4)!=”010-”&& str.substr(4).length!=8 & !isNaN(parseFloat(str.substr(4)))) alert(“无效的电话号码！”); 9. 关于正则表达式声明6位数字的邮编，以下代码正确的是（ ） A. var reg = /\d6/; B. var reg = \d{6}\; C. var reg = /\d{6}/; D. var reg = new RegExp(“\d{6}”); 缺少/ / 10. 关于JavaScript里的xml处理，以下说明正确的是（ ） A. Xml是种可扩展标记语言，格式更规范，是作为未来html的替代 B. Xml一般用于传输和存储数据，是对html的补充，两者的目的不同 C. 在JavaScript里解析和处理xml数据时，因为浏览器的不同，其做法也不同 D. 在IE浏览器里处理xml，首先需要创建ActiveXObject对象 11.以下哪些是javascript的全局函数：（） A.escape B.parseFloat C.eval //此外还有 unscape parseInt isNaN isFinite D.setTimeout E.alert 2、以下哪个单词不属于javascript保留字：（B） A. with B. parent C. class D. void 10、关于IE的window对象表述正确的有：（ACD） A. window.opener属性本身就是指向window对象 B. window.reload()方法可以用来刷新当前页面 //应该是window.location.reload()方法 C. window.location=”a.html”和window.location.href=”a.html”的作用都是把当前页面替换成a.html页面 D. 定义了全局变量g；可以用window.g的方式来存取该变量 二、问答题 1. 列举浏览器对象模型里常用的至少4个对象，并列举window对象的常用方法至少5个 （10分） 对象：Window document location screen history navigator 方法：Alert() confirm() prompt() open() close() 2. 简述列举文档对象模型里document的常用的查找访问节点的方法并做简单说明 （10分） Document.getElementById 根据元素id查找元素 Document.getElementByName 根据元素name查找元素 Document.getElementsTagName 根据指定的元素名查找元素 三、程序题 1、补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口； （10分） <html> <head> <script type=”text/javascript” > function closeWin(){ //在此处添加代码 if(confirm(“确定要退出吗？”)){ window.close(); } } </script> </head> <body> <input type=”button” value=”关闭窗口”onclick=”closeWin()”/> </body> </html> 2、写出简单描述html标签（不带属性的开始标签和结束标签）的正则表达式，并将以下字符串中的html标签去除掉（15分） var str = “<div>这里是div<p>里面的段落</p></div>”; // <scripttype=”text/javascript”> var str = “<div>这里是div<p>里面的段落</p></div>”; var reg=/<\/? \w+ \/?>/gi; alert(str.repalce(reg,” ”)); </script> 3、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。（10分） <html> <head> <metahttp-equiv=”Content-Type” content=”text/html;charset=utf-8″ /> </head> <body> <script type=”text/javascript” > function foo() { //在此处添加代码 var oradio=document.getElementsByName(“radioGroup”); for(var i=0;i<oraio.length;i++){ if(oradio[i].checked==”true”) alert(“你点击的是第”+（i+1）+”个单选框”); } </script> <body> <form name=”form1″ onsubmit=”fool()”> <input type=”radio” name=”radioGroup”/> <input type=”radio” name=”radioGroup”/> <input type=”radio” name=”radioGroup”/> <input type=”radio” name=”radioGroup”/> <input type=”submit”/> </form> </body> </html> 4、完成函数showImg()，要求能够动态根据下拉列表的选项变化，更新图片的显示 （15分） <body> <script type=”text/javascript” > function showImg (oSel) { //在此处添加代码 document.getElementById(“pic”).src= oSel.value+”.jpg”; } </script> <img id=”pic” src=”img1.jpg” /> <br /> <select id=”sel” onchange=showImg(this)> <option value=”img1“>城市生活</option> <option value=”img2“>都市早报</option> <option value=”img3“>青山绿水</option> </select></body> 9、form中的input可以设置readonly和disable，请问这两项属性有什么区别？ readonly不可编辑,但可以选择和复制 disable不能编辑复制选择 10、JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是什么？ alert confirm prompt 5.列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。 主要数据类型：string, boolean, number 复合数据类型：function, object 特殊数据类型：null ，underfined 9.程序中捕获异常的方法？ window.error try{}catch(){}finally{} 16.截取字符串abcdefg的efg 'abcdefg'.substring(4) 17.写出函数DateDemo的返回结果，系统时间假定为今天 function DateDemo(){ var d, s="今天日期是："; d = new Date(); s += d.getMonth() + 1+"/"; s += d.getDate() + "/"; s += d.getYear(); return s; } 结果：今天日期是：7/17/2010 18.写出程序运行的结果？ for(i=0, j=0; i<10, j<6; i++, j++){ k = i + j; } 结果：10（小心陷阱） 19.运行的结果？ function hi(){ var a; alert(a); } 结果：undefined 14.浏览器的对象模型？ window 顶级对象 window.alert(msg) window.prompt() window.confirm() if(window.confirm()){ ... } window.open() window.close() document document.write() history 当用户浏览网页时，浏览器保存了一个最近所访问网页的url列表。这个列表就是用history对象表示。 history.back():后退 history.forward():前进 history.go(n):正数表示向前，负数表示向后 location 表示当前打开的窗口或框架的URL信息。 location.href：重定向 等价于location.assign(url) location.host：类似:80 navigator 表示浏览器的信息及js运行的环境 navigator.cookieEnabled：该属性表示是否启用cookie screen 用于显示网页的显示器的大小和颜色 screen.width/screen.height：表示显示器的分辨率（总的宽度，高度） 21XMLHTTPRequest对象是什么？ Ajax原理 22.超链接的属性target的可选值：_blank, _parent, _self, _top和框架名称有什么区别？ -blank 在新的页面窗口中打开 –parent在父类页面窗口中打开 –self在当前页面窗口中打开 –top在当前整个浏览器窗口中打开 23.javascript的常用对象有哪些？ String, Math, Date和Array对象 四、编程题： 2、填充注释部分的函数体，使得foo()函数调用弹出”成功”的对话框。代码应尽量简短。 function reverse(str) { // 在此处加入代码，完成字符串翻转功能 return str.split(",").reverse().join(","); } <html> <head> <script> function foo() { 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+=spl[i]+','; } newstr=newstr.substring(0,newstr.length-1) return newstr; } </script> </head> <body> <input type="button" value="str" onclick="foo()" /> </body> </html> 1编写一个方法 求一个字符串的字节长度 法1：<script language=”javascript” type=”text/javascript”> new function(s) { if(!arguments.length||!s) return null; if(”"==s) return 0; var l=0; for(var i=0;i<s.length;i++) { if(s.charCodeAt(i)>255) l+=2; else l++; } alert(l); } </script> 法2：var str = '22两是'; alert(getStrlen(str)) function getStrlen(str){ var json = {len:0}; var re = /[\u4e00-\u9fa5]/; 、、至少匹配一个汉字的写法 for (var i = 0; i < str.length; i++) { if(re.test(str.charAt(i))){ 、、test 方法返回一个 Boolean 值，它指出在被查找的字符串中是否匹配给出的正则表达式。 json['len']++; } }; return json['len']+str.length; }*/ 3、用脚本写去除字符串的前后空格 String.prototype.trim = 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 { return this.trim(’left’).trim(’right’);} }; 3，判断一个字符串中出现次数最多的字符，统计这个次数 /*var str = 'asdfssaaasasasasaa'; var json = {}; for (var i = 0; i < str.length; i++) { if(!json[str.charAt(i)]){ json[str.charAt(i)] = 1; }else{ json[str.charAt(i)]++; } }; var iMax = 0; var iIndex = ''; for(var i in json){ if(json[i]>iMax){ iMax = json[i]; iIndex = i; } } alert('出现次数最多的是:'+iIndex+'出现'+iMax+'次'); json[1]未定义是假的，之前出现过也就是为假，现在加 非就变成了真 9，编写一个方法 去掉一个数组的重复元素 var arr = [1,2,3,1,43,12,12,1]; var json = {}; var arr2 = []; for (var i = 0; i < arr.length; i++) { // json[1]未定义是假的，之前出现过也就是为假，现在加 if(!json[arr[i]]){ // 因为if里有！，所以json[1]第一次出现就是true，第二次出现结果就是false json[arr[i]] = true; } else { json[arr[i]] = false; } if(json[arr[i]]){ arr2.push(arr[i]); //最后的arr2结果是1，2，3，43，12,1 } } for (var i = 0; i < arr.length; i++) { if(!aa(arr[i], arr2)){ arr2.push(arr[i]) } }; function aa(obj, arr){ for (var i = 0; i < arr.length; i++) { if(arr[i] == obj) return true; else return false; }; } alert(arr2);展开阅读全文
咨信网温馨提示：1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时联系平台进行协调解决，联系【微信客服】、【QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”，意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：0574-28810668；投诉电话：18658249818。
实名认证
平台协调中心【客服】
自信AI助手
微信客服
客服QQ
发送邮件
意见反馈
链接地址：https://www.zixin.com.cn/doc/11150505.html