经典的 Web 前端或者 JavaScript 面试笔试题有哪些?

经典的 Web 前端或者 JavaScript 面试笔试题有哪些?,第1张

一、不定项选择题 (每题3分,共30分)

1. 声明一个对象,给它加上name属性和show方法显示其name值,以下代码中正确的是( D )

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数组对象的说法不正确的是( CD )

A. 对数组里数据的排序可以用sort函数,如果排序效果非预期,可以给sort函数加一个排序函数的参数

B. reverse用于对数组数据的倒序排列

C. 向数组的最后位置加一个新元素,可以用pop方法

D. unshift方法用于向数组删除第一个元素

3. 要将页面的状态栏中显示“已经选中该文本框”,下列JavaScript语句正确的是( A )

A. window.status=”已经选中该文本框”

B. document.status=”已经选中该文本框”

C. window.screen=”已经选中该文本框”

D. document.screen=”已经选中该文本框”

4. 点击页面的按钮,使之打开一个新窗口,加载一个网页,以下JavaScript代码中可行的是( AD )

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向网页中输出<h1>hello</h1>,以下代码中可行的是( BD )

A. <scripttype=”text/javascript”>

document.write(<h1>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>

以下说法中正确的是( CD )

A. 在页面的第二个文本框中输入内容后,当鼠标离开第二个文本框时,第一个文本框的内容不变

B. 在页面的第一个文本框中输入内容后,当鼠标离开第一个文本框时,将在第二个文本框中复制第一个文本框的内容

C. 在页面的第二个文本框中输入内容后,当鼠标离开第二个文本框时,将在第一个文本框中复制第二个文本框的内容

D. 在页面的第一个文本框中输入内容后,当鼠标离开第一个文本框时,第二个文本框的内容不变

7. 下面的JavaScript语句中,( D )实现检索当前页面中的表单元素中的所有文本框,并将它们全部清空

A. for(vari=0i<form1.elements.lengthi++) {

if(form1.elements.type==”text”)

form1.elements.value=”"}

B. for(vari=0i<document.forms.lengthi++) {

if(forms[0].elements.type==”text”)

forms[0].elements.value=”"

}

C. if(document.form.elements.type==”text”)

form.elements.value=”"

D. for(vari=0i<document.forms.lengthi++){

for(var j=0j<document.forms.elements.lengthj++){

if(document.forms.elements[j].type==”text”)

document.forms.elements[j].value=”"

}

}

8. 在表单(form1)中有一个文本框元素(fname),用于输入电话号码,格式如:010-82668155,要求前3位是010,紧接一个“-”,后面是8位数字。要求在提交表单时,根据上述条件验证该文本框中输入内容的有效性,下列语句中,( A )能正确实现以上功能

A. var str= form1.fname.value

if(str.substr(0,4)!=”010-”|| str.substr(4).length!=8 ||

isNaN(parseFloat(str.substr(4))))

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位数字的邮编,以下代码正确的是( C )

A. var reg = /\d6/

B. var reg = \d{6}\

C. var reg = /\d{6}/

D. var reg = new RegExp(“\d{6}”)

10. 关于JavaScript里的xml处理,以下说明正确的是( BCD )

A. Xml是种可扩展标记语言,格式更规范,是作为未来html的替代

B. Xml一般用于传输和存储数据,是对html的补充,两者的目的不同

C. 在JavaScript里解析和处理xml数据时,因为浏览器的不同,其做法也不同

D. 在IE浏览器里处理xml,首先需要创建ActiveXObject对象

二、问答题

1. 列举浏览器对象模型BOM里常用的至少4个对象,并列举window对象的常用方法至少5个 (10分)

对象:Window document location screen history navigator

方法:Alert() confirm() prompt() open() close()

2. 简述列举文档对象模型DOM里document的常用的查找访问节点的方法并做简单说明 (10分)

Document.getElementById 根据元素id查找元素

Document.getElementByName 根据元素name查找元素

Document.getElementTagName 根据指定的元素名查找元素

三、程序题

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”>

varreg = /<\/?\w+\/?>/gi

varstr = “<div>这里是div<p>里面的段落</p></div>”

alert(str.replace(reg,”"))

</script>

3、完成foo()函数的内容,要求能够d出对话框提示当前选中的是第几个单选框。(10分)

<html>

<head>

<metahttp-equiv=”Content-Type” content=”text/htmlcharset=utf-8″ />

</head>

<body>

<script type=”text/javascript” >

function foo() {

//在此处添加代码

var rdo =document.form1.radioGroup

for(var i =0 i<rdo.lengthi++){

if(rdo.checked){

alert(“您选择的是第”+(i+1)+”个单选框”)

}

}

}

</script>

<body>

<form name=”form1″ >

<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) {

//在此处添加代码

var str = oSel.value

document.getElementById(“pic”).src= str+”.jpg”

}

</script>

<img id=”pic”src=”img1.jpg”width=”200″ height=”200″ />

<br />

<select id=”sel”>

<option value=”img1“>城市生活</option>

<option value=”img2“>都市早报</option>

<option value=”img3“>青山绿水</option>

</select></body>

var subcat=new Array("1","2","3")

var i=subcat.length

var str=""

for(j=0j<ij++){

if(subcat[j]<60){

alert("")

}else{

str+=subcat[j]

}

}

alert(str)

1、在{}里的funcion也会提升,提升到全局和代码块顶部。并新建局部作用域。

2、当执行到function的声明语句,会把声明语句之前的值复制给全局。

3、之后的赋值全是在局部作用域中进行。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12003200.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存