网页前端整理的笔试题目_第1页
网页前端整理的笔试题目_第2页
网页前端整理的笔试题目_第3页
网页前端整理的笔试题目_第4页
网页前端整理的笔试题目_第5页
已阅读5页，还剩12页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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”,show:function()alert(name);d. var obj = name:”zhangs

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

3、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 ”oncli

4、ck= ” 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</> ，以下代

5、码中可行的是( )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&g

6、t;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= ” #ff

7、ffff ” ><form name= ” myfm ” ><input type= ” text ”name= ” first_text ” ><input type= ” text ”name= ” second_text ” ></form></body></html>以下说法中正确的是（ ）a. 在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时，第一个文本框的内容不变b. 在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容c. 在页面的第二个文本框中

8、输入内容后，当鼠标离开第二个文本框时，将在第一个文本框中复制第二个文本框的内容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(forms0.

9、elements.type= ” text ” ) forms0.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.elementsj.type= ” text ” ) document.forms.elementsj.value= ” ;

10、 8. 在表单 (form1) 中有一个文本框元素(fname) ，用于输入电话号码，格式如：，要求前 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( “无效的电话号

11、码！ ” );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. v

12、ar 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 = d6;c. var reg = /d6/;/缺少 / d. var reg = new regexp( “ d6 ” );) xml 处理，以下说明正确的是( javascript1

13、0. 关于里的的替代 a. xml 是种可扩展标记语言，格式更规范，是作为未来html b. xml 一般用于传输和存储数据，是对 html 的补充，两者的目的不同 数据时，因为浏览器的不同，其做法也不同在javascript 里解析和处理xmlc.对象 xmlie 浏览器里处理，首先需要创建 activexobjectd. 在 javascript 的全局函数： () 11.以下哪些是a.escapeb.parsefloatisfiniteparseint isnan/此外还有unscape c.evald.settimeoute.alert)保留字： ( b2 、以下哪个单词不属于java

14、scripta. withb. parentc. classd. void10 、关于 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. 列举浏览器对

15、象模型里常用的至少4 个对象， 并列举 window 对象的常用方法至少5 个 ( 10分)对象： window document location screen history navigator方法： alert() confirm() prompt() open() close()2. 简述列举文档对象模型里document 的常用的查找访问节点的方法并做简单说明( 10 分)document.getelementbyid 根据元素 id 查找元素查找元素 name 根据元素 document.getelementbynamedocument.getelementstagname 根据指

16、定的元素名查找元素三、程序题1 、补充按钮事件的函数，确认用户是否退出当前页面，确认之后关闭窗口； ( 10 分)<html><head><script type= ” text/javascript ” >function closewin()/在此处添加代码if(confirm( “确定要退出吗？” )window.close();</script></head><body><input type= ” button ” value= ”关闭窗口” onclick= ” closewin() ” /><

17、;/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+ /?>/g

18、i;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() /在此处添加代

19、码 var oradio=document.getelementsbyname( “ radiogroup ” ); for(var i=0;i<oraio.length;i+) if(oradioi.checked= ” true ” )alert( “你点击的是第” +( i+1 ) + ”个单选框”);</script><body><form name=” form1" onsubmit= " fool()”><input type=“ - _ ” radio ”name= ” radiogroup” /><

20、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 typ

21、e= ” 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 val

22、ue=”img2“>都市早报</option><option value=”img3“>青山绿水</option></select></body>9 、 form 中的 input 可以设置 readonly 和 disable ，请问这两项属性有什么区别？readonly 不可编辑 , 但可以选择和复制disable 不能编辑复制选择、 中的三种弹出式消息提醒警告窗口、 确认窗口、 信息输入窗口的命令)js10( 是什么？alertconfirmprompt列举的种主要数据类型，种复合数据类型和种特殊数据类型。 223java

23、script5.string, boolean, number 主要数据类型： function, object 复合数据类型： underfined 特 殊数据类型： null ，程序中捕获异常的方法？ 9.window.error trycatch()finally16. 截取字符串 abcdefg 的 efg 'abcdefg'.substring(4)17. 写出函数datedemo勺返回结果，系统时间假定为今天 function datedemo()瘠牡搠?今天日期是：;d = new date();s += d.getmonth() + 1+/;s += d.get

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

25、se()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 :该属性表示是否

26、启用 cookiescreen用于显示网页的显示器的大小和颜色：表示显示器的分辨率(总的宽度，高度)screen.width/screen.height对象是彳f么？ 21xmlhttprequese理 ajax 和框架名target的可选值：_blank, _parent, _self, _top22.超链接的属性 称有什么区别？在当 -self无新的页面窗口中打开 -parent在父类页面窗口中打 开-blanktop在当前整个浏览器窗口中打开前页面窗口中打开 -23.javascript 的常 用对象有哪些？ array对象string, math, date 和 四、编程题：填充注释部

27、分的函数体，使得 码函数调用弹出“成功”的对话框。代foo() 2、 应尽量简短。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('失败')；

28、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)newstr;return</script></head><body><input type=utton value=str onclick=oo() /></body><

29、/html>求个字符串的字节长度1 编写个方法script language= "javascript“ type="text/javascript ”>法 1: 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 = '

30、22alert(getstrlen(str)function getstrlen(str)var json = len:0;、var re = / -fm/;至少匹配一个汉字的写法for (var i = 0; i < str .length; i+) 值，它指出在返回一个boolean、if(re.test(str .charat(i) test 方法正则表达式 被查找的字符串中是否匹配给出的。json'len'+;return json'len'+str .length;*/3、用脚本写去除字符串的前后空格stotype.trim =

31、 function(mode)/前后去空格if (mode='left') return (this.charat(o) ="" && this.length > 0) ?this.slice(1).trim('left') : this); elseif (mode = 'right') -this.length 0) ? this.slice(0, > 1) ="" && this.length (this.charat(this.length return -l).trim('r

人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论