网页前端整理的笔试题目.

1、经典的 web前端或者 javascript面试笔试题一、不定项选择题 (每题3分，共30分)1.声明一个对象，给它加上name属性和show方法显示其name值，以下代码中正确的是()a. var obj = name:zhangsan,show:function()alert(name);b. var obj = name: zhangsan” ,show: alert() ” ;c. var obj = name: zhangsan ” ,showctuinn()alert(name);d. var obj = name: zhangsan ” ,show:functi

2、on()alert();2.以下关于array数组对象的说法不正确的是()a.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给 sort函数加一个排序函数的参数b. reverse用于对数组数据的倒序排列c.向数组的最后位置加一个新元素，可以用pop方法最后添加push最后删除popd. unshift方法用于向数组删除第一个元素开头添加unshift最后删除shift3 .要将页面的状态栏中显示巴经选中该文本框 ：下列javascript语句正确的是()a. window.status=已经选中该文本框“b. document.status=已经选中该文本框

3、“c. window.screen=巳经选中该文本框 “d. document.screen=巳经选中该文本框 “4 .点击页面的按钮，使之打开一个新窗口，加载一个网页，以下 javascript代码中可 行的是()a. b. c. inputtype= submit “ value=d. 5 .使用javascript向网页中输出hello ,以下代码中可行的是()a. document.write(hello);b. document.write( “hello ); c. hellodocument.write( hello );6 .分析下面的代码：function writeit (

4、value) document.myfm.first_text.value=value;body bgcolor=#ffffff以下说法中正确的是()a.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，第一个文本框 的内容不变b.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文 本框中复制第一个文本框的内容c.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，将在第一个文 本框中复制第二个文本框的内容d.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框 的内容不变7 .下面的javascript语句中，()实现检索当前页面中

5、的表单元素中的所有文本框, 并将它们全部清空a. for(vari=0;i form1.elements.length;i+) if(form1.elements.type= text ” )form1.elements.value= ;b. for(vari=0;idocument.forms.length;i+) if(forms0.elements.type= text ” )forms0.elements.value= ;c. if(document.form.elements.type= text ” )form.elements.value= ;d. for(vari=0;idoc

6、ument.forms.length; i+)for(var j=0;jdocument.forms.elements.length; j+)textif(document.forms .elementsj.type=document.forms.elementsj.value=;8 .在表单(forml)中有一个文本框元素(fname),用于输入电话号码，格式如：,要求前3位是010 ,紧接一个，后面是8位数字。要求在提交表单时， 根据上述条件验证该文本框中输入内容的有效性，下列语句中，()能正确实现以上功能a. var str= forml.fname.valu

7、e;if(str.substr(0,4)!=-” 01s0r.substr(4).length!=8 |isnan(parsefloat(str.substr(4) isnan 是否是非数值，true 是非数值alert(无效的电话号码！”)；b. var str= form1.fname.value;if(str.substr(0,4)!=-” 0& str.substr(4).length!=8 &isnan(parsefloat(str.substr(4)alert(无效的电话号码！”)；c. var str= form1.fname.value;if(str.substr(0,3)!=

8、-” 01s0r.substr(3).lengt h!=8 |isnan(parsefloat(str.substr(3)alert(无效的电话号码！”)；d. var str= form1.fname.value;if(str.substr(0,4)!=-” &0str.substr(4).length!=8 &!isnan(parsefloat(str.substr(4)alert(无效的电话号码！”)；9 .关于正则表达式声明6位数字的邮编，以下代码正确的是()a. var reg = ad6/;b. var reg = d6;c. var reg = ad6/;d. var reg =

9、 new regexp( d6”);缺少/ /10 .关于javascript里的xml处理，以下说明正确的是()a. xml是种可扩展标记语言，格式更规范，是作为未来html的替代b. xml 一般用于传输和存储数据，是对 html的补充，两者的目的不同c.在javascript里解析和处理xml数据时，因为浏览器的不同，其做法也不同d.在ie浏览器里处理xml,首先需要创建 activexobject对象11 .以下哪些是javascript的全局函数：()a.escapeb.parsefloatc.eval此夕卜还有 unscape parseint isnan isfinited.se

10、ttimeoute.alert2、以下哪个单词不属于javascript保留字：(b)a. withb. parentc. classd. void10、关于ie的window 对象表述正确的有：(acd)a. window.opener 属性本身就是指向 window对象b. window.reload()方法可以用来刷新当前页面应该是window.location.reload() 方法c. window.location= a.htmlwindow.location.href= a.htm作用都是把当前页面替换成a.html 页面d.定义了全局变量g;可以用window.g的方式来存取该

11、变量二、问答题1 .列举浏览器对象模型里常用的至少 4个对象，并列举 window对象的常用方法至少 5个 (10分)对象： window document location screen history navigator方法： alert() mpt() open() close()2 .简述列举文档对象模型里document的常用的查找访问节点的方法并做简单说明(10 分)document.getelementbyid根据元素 id 查找元素document.getelementbyname 根据元素 name 查找元素document.getelementstag

12、name根据指定的元素名查找元素三、程序题1、补充按钮事件的函数， 确认用户是否退出当前页面， 确认之后关闭窗口； (10分)script type= text/javascript ” function closewin()在此处添加代码if(confirm(确定要退出吗？)window.close();input type= buttorvalue=关闭窗口 onclick= closewin() ” /2、写出简单描述html标签(不带属性的开始标签和结束标签)的正则表达式，并将 以下字符串中的html标签去除掉(15分)var str =divm是 div 里面的段落 ”；/var s

13、tr =adiv div 里面的段落 ”；var reg=/gi;alert(str.repalce(reg, );(103、完成foo()函数的内容，要求能够弹出对话框提示当前选中的是第几个单选框。 分)script type= text/javascript ” function foo() 在此处添加代码var oradio=document.getelementsbyname( radiogroup );for(va门=0;ioraio.length;i+)if(oradioi.checked=true)alert(你点击的是第”+ (i+1) +个单选框)；form name=“fo

14、rml 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 ” / 4、完成函数showimg(),要求能够动态根据下拉列表的选项变化，更新图片的显示(15分)script type= text/javascript ” function showimg (osel) 在此处添加代码docu

15、me nt.getelementbyid( pic ).src=osel.value +” .jpg ； / _i 2 _ select id= senchange=showimg(this)option value= imgl城南生活 option value= img2tb南早报 option value= img3青山绿水/option9、form 中的input可以设置readonly 和disable ,请问这两项属性有什么区别？readonly 不可编辑，但可以选择和复制disable不能编辑复制选择10、js中的三种弹出式消息提醒（警告窗口、确认窗口、信息输入窗口 ）的命令 是什

16、么？alertconfirmprompt5.列举javascript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。主要数据类型：string, boolean, number复合数据类型：function, object特殊数据类型：null , underfined9.程序中捕获异常的方法？window.errortrycatch()finally16 .截取字符串abcdefg的efgabcdefg.substring(4)17 .写出函数datedemo勺返回结果，系统时间假定为今天function datedemo()var d, s= 今天日期是：;d = new date

17、();s += d.getmonth() + 1+”/;s += d.getdate() + /;s += d.getyear();return s;结果：今天日期是：7/17/201018 .写出程序运行的结果？for(i=0, j=0; i10, j6; i+, j+)k = i + j；结果：10 (小心陷阱)19 .运行的结果？function hi()var a;alert(a);结果： undefined14. 浏览器的对象模型？window顶级对象window.alert(msg)mpt()window.confirm()if(window.confirm()

18、.window.open()window.close()documentdocument.write()history当用户浏览网页时， 浏览器保存了一个最近所访问网页的 url 列表。 这个列表就是用 history 对象表示。history.back():后退history.forward():前进history.go(n): 正数表示向前，负数表示向后location表示当前打开的窗口或框架的url信息。location.href ：重定向等价于 location.assign(url)location.host ：类似 :80navigator表示浏览器的信息及j

19、s 运行的环境navigator.cookieenabled ：该属性表示是否启用 cookie screen用于显示网页的显示器的大小和颜色screen.width/screen.height :表示显示器的分辨率(总的宽度，高度)21xmlhttpreques象是什么？ajax原理22 .超链接的属性target的可选值：_blank, _parent, _self, _top和框架名-blank在新的页面窗口中打开 -parent在父类页面窗口中打开-self在当前页面窗口中打开 -top在当前整个浏览器窗口中打开23 .javascript 的常用对象有哪些？string, math,

20、 date 和 array 对象四、编程题：2、填充注释部分的函数体，使得foo()函数调用弹出“成功”的对话框。代 码应尽量简短。function reverse(str) /在此处加入代码，完成字符串翻转功能return str.split(,).reverse().join(,);圜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

21、= str.split(,);var newstr=;for (i=spl.length-1;i=0;i-)newstr+=spli+,;)newstr=newstr.substring(0,newstr.length-1)return newstr;1编写一个方法求一个字符串的字节长度法 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);)法 2 : var str = 22 两是;alert(getstrlen(str) function getstrlen(str)var json = len:0;var re = /u4e00-u9fa5/;、至少匹配一个汉字的写法for (var i = 0; i 0) ? this.slice(1).trim( left ) : this);else if (mode = right )return (this.charat(this.length - 1) = & this.length 0) ? this.slice(0, t