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

JavaScript010

经典的 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()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。(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>

js判断添加多个标签js怎么样获取多个标签内容-百度经验

1、创建一个test.html文件。

2、在文件内,使用ul、li标签创建一个测试的列表,同时创建一个button按钮,用于触发执行js函数。

3、在js标签内,

百度经验2020-01-12

其他人还搜了

js标签中点击事件失效

js 判断回车键

js判断是否是chrome

js判断数组中是否包含某一项

js添加标签绑定多个事件

js判断对象是否为空

js if判断多个条件_JS条件判断小技巧(一)weixin_39540271的博客-CSDN博客

文章标签:js if判断多个条件 js map用法 js table多层嵌套 js 数组追加 js三元表达式 经常code review,我发现JS newbie很容易写出一堆冗长的代码。今天就列几个比较常见的“解决之道”,看看...

CSDN技术社区2020-12-03

js 动态添加标签绑定多个事件-鸡蛋是方的-博客园

1:此方法为以aa开头的input标签绑定了事件;2:此方法:绑定多个事件,多个事件用空格分开,例子绑定了点击和输入时事件;3:如果调用第三方插件方法...

博客园2020-04-09

请问怎么用js判断循环里面li标签?百度知道

回答:2

代码: menu{width:100%text-align:center} menu li{display:inline-blockbackground:#cccpadding:15px 20px} current{color:#f3c} a href="#">menu</a></li>menu1 menu2 menu3 var lilenght=$(".menu li").length获取li个数 console.log(lilenght) if...

百度知道2020-11-20

js多重判断多个条件的方法-web教程网

我们编写js代码时经常遇到复杂逻辑判断的情况,通常大家可以用if/else或者switch来实现多个条件判断,但这样会有个问题,随着逻辑复杂度的增加,代码中的if/else/switch会变得越来越臃肿,...

web教程网

js 怎么获取a标签被点击的链接,有多个a标签-ZOL问答

5条回答:【推荐答案】添加onclick事件,获取href属性就知道具体的url地址了!DOCTYPEhtmlhtmlbodyscriptfunctionaclick(self){alert(self.href)}/scriptahref=ddd

中关村在线

JS添加标签-程序员大本营

我开始使用的是appendChild函数,结果发现appendChild只能添加指定标签,像我这样需要加一大堆标签和标签属性操作起来就略显麻烦。于是我转而使用append函数,最开始我是这样写的:结果效果如下...

www.pianshen.com

如何使用js添加html标签_Keeling1720的博客-CSDN博客_js 插入html

1.使用 getElementById 获取想要写的标签的父标签对象(body除外,当然body也可以获取,当时没必要,因为他可以通过document.body直接调用)

2.使用 createElement 创建标签对象

CSDN技术社区

js怎么把几个li标签按顺序添加进一个div中?Charles_Tian的博客-CSDN博客

1.js怎么把几个li标签按顺序添加进一个div中?这种问题一般出现在前端请求数据之后,后端以数组的形式返回给前端,然后前端对这些数组进行处理。(1)首先是对后端返回的数据进行拆分,分别得到...

CSDN技术社区2017-12-10

js判断html是否存在指定标签,JavaScript检测字符串中是否 含有html标签实现方法_monte3card的博客-CSDN博客

JavaScript检测字符串中是否 含有html标签实现方法发布时间:2017-11-07 14:11来源:互联网当前栏目:web技术类这篇文章主要介绍了JavaScript检测字符串中是否含有html标签实现方法,本文直接给...

CSDN技术社区2021-06-16

相关搜索

js判断

js添加标签

js判断循环中的li标签

js判断数组

js判断字符串长度

js判断滚动条

js判断大小写

js 判断下拉框

js判断复选框是否选中

js添加html

JavaScript作为网站前端的核心知识是非常重要的,但是如何学习JavaScript是很多初学者面对的一个难题,下面我说一下个人对于如何学习JavaScript的一点心得,希望能帮到大家。

1、首先学习基础,尤其是JavaScript与其他语言不同的基础知识。

学习每个编程语言可能都要从基础的变量函数结构等学起,JavaScript相对于其他的编程语言在基础上有一些比较有特点的地方,这些东西是尤其需要我们注意的,比如说自调函数、比如说变量值为空不是null而是undefined的等,这些东西都是和主流的编程的语言如c++、java等是有区别的,所以想要学好JavaScript,这些基础的知识一定要把握好学习好才行。

2、关于学习JavaScript的进阶

JavaScript进阶知识更是有很多难理解的东西和不同于其他语言的东西,这些东西都是深入学习JavaScript的难点,简单的说一下JavaScript是基于对象的浏览器脚本语言,但是为了使JavaScript也能够支持面向对象编程,人们就使用了很多的方法来模拟面向对象的的特点,这些就变成了JavaScript的一些难点,比如说JavaScript的继承要借助原型、比如JavaScript的类需要使用构造函数来构造一个对象等,这些东西都是和其他支持面向对象的语言是不同的,所以就导致了一些难点。关于进阶学习JavaScript,还有JavaScript一些深入的知识需要去理解比如原型链和闭包、比如收函数的作用域执行流程和上下文,这些东西都是JavaScript比较深入的知识、

最后说明,JavaScript作为前端的核心语言绝对没有没有想象的那么简单,要想学好JavaScript除了以上提到的知识和注意点,还需要的就是多动手和实践,我们都知道网页上的所有特效都是借助JavaScript来实现,那么我们就需要在学习JavaScript的过程中多使用原生的JavaScript代码实现一些特效,当然学习使用jQuery等JavaScript类库进行开发也十分的重要,但是这绝对不能是取代我们学习JavaScript的方法。