网页前端开发工程师试题及答案 .pdfVIP

网页前端开发工程师

1.李小明养着一条可爱的小猫(Cat)，它的叫声很好听(MiaoMiao)，每次看到主

人的时候就会乖乖叫一声(MM)。从这段描述可以得到以下对象：

对象：李小明、他的猫。

王峰和李小明一样，原来也是一条可爱的小猫，可是突然有一天病了(IllCat)，

一看到人就会每隔半秒叫一声(MiaoMiao)地不停叫唤(MM)。请根据描述，按示例

的形式用代码来实现（请使用:继承，原型，setInterval实现）。

publicclasslllCat:Cat

{

varseeHum=false;

publiclllcat(){}

if(seeHum)

{

setInterval(MiaoMiao,500);

}

}

2.请给Array本地对象增加一个原型方法，它的用途是删除数组条目中重复的条

目(可能有多个)，返回值是一个包含被删除的重复条目的新数组。

Array.prototype.delRepeat=function(){

//tempArr：重复项标志,tempArr1：保存重复数组项

vartempArr=[],tempArr1=[],j=0;

//遍历数组

for(vari=this.length;i0;i--){

//如果该项还没有重复项

if(!tempArr[this[i-1]]){

tempArr[this[i-1]]=1;//通过关联数组方式标志该项并置为1（代

表出现一次）

}else{

if(tempArr[this[i-1]]++==1)tempArr1[j++]=this[i-1];//如果

第一次重复则将该重复项保存，并将重复标志+1

this.splice(i-1,1);//从原数组删除该项(因为是倒序遍历，所以

可以直接在此删除)

}

}

returntempArr1;//返回重复项列表

}

vara=newArray(5,410,52,,,24,5,,,true,false,24,24,25,5)

alert(原数组:+a);

alert(重复项:+a.delRepeat());

alert(剩余项:+a);

3.form中的input有哪些类型？各是做什么处理使用的？在实现文件上传的时

候，需要注意哪些事项？

input类型有：textradiocheckboxfilepasswordsumitresethidden

text:填写文本

radio：单选按钮，只能在一组中选择一个按钮。

checkbox：多选按钮，可进行多种选择。

file:用于文件上传

password:密码框，用于填写密码

sumit：提交按钮，提交内容到服务器

reset:重置按钮，用于进行重置

hidden:隐藏标签，可以用来传递值

注意事项：

(1)需要限定上传文件的大小

(2)需要限定上传文件的格式，类型

table标签中border,cellpadding，td，colspan,rowspan分别起什么作用？

4、

border:调整表格的宽线高度。

Cellpadding：调整数据域位之边界。

td:表格的列。

Colspan:表格列的合并.

Rowspan:表格行的合并

form中的input可以设置readonly和disable，请问这两项属性有什么区别？

5、

Readonly只针对input(text/password)和textarea有效，而disabled对于

所有的表单元素都有效。

表单元素在使用了disabled后，当表单以POST或GET的方式提交的话，这个元

素的值不会被传递出去，而readonly会将该值传递出去。

6、JS中的三种弹出式消息提醒(警告窗口、确认窗口、信息输入窗口)的命令是

什么？

alertconfirmprompt

7..网页上有一个表格，有2行2列组成，请实现，通过点击按钮将第1行第1列中

的数据与第2行第2列单元格中的数据进行互换。`

funcationswitchTable()

{

varr,re;