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

最近经常有小伙伴私信询问web前端开发笔试 有哪些经典的 Web 前端或者 JavaScript 面试笔试题相关的问题，今天，我爱编程网小编整理了以下内容，希望可以对大家有所帮助。

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

、定项选择题 （每题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. button value=new
onclick=open(‘new.html’, ‘_blank’)/>
B. button value=new
onclick=window.location=’new.html’;/>
C. button value=new
onclick=location.assign(‘new.html’);/>
D. _blankaction=new.html>
submit value=new/>

5. 使用JavaScript向网页输
hello
代码行（ BD ）
A. text/javascript>
document.write(
hello
);

B. text/javascript>
document.write(
hello
);

C. text/javascript>

hello

D.

text/javascript>
document.write(hello);

6. 析面代码：

text/javascript>
function writeIt (value) { document.myfm.first_text.value=value;}

#ffffff>
myfm>
text name=first_text>
text name=second_text>

说确（ CD ）
A. 页面第二文本框输入内容鼠标离第二文本框第文本框内容变
B. 页面第文本框输入内容鼠标离第文本框第二文本框复制第文本框内容
C. 页面第二文本框输入内容鼠标离第二文本框第文本框复制第二文本框内容
D. 页面第文本框输入内容鼠标离第文本框第二文本框内容变
7. 面JavaScript语句（ D ）实现检索前页面表单元素所文本框并全部清空
A. for(vari=0;i< form1.elements.length;i++) {
if(form1.elements.type==text)
form1.elements.value=";}
B. for(vari=0;i
if(forms[0].elements.type==text)
forms[0].elements.value=";
}
C. if(document.form.elements.type==text)
form.elements.value=";
D. for(vari=0;i
for(var j=0;j
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. 关于JavaScriptxml处理说明确（ 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. 简述列举文档象模型DOMdocument用查找访问节点并做简单说明 （10）
Document.getElementById 根据元素id查找元素
Document.getElementByName 根据元素name查找元素
Document.getElementTagName 根据指定元素名查找元素
三、程序题
1、补充按钮事件函数确认用户否退前页面确认关闭窗口； （10）

text/javascript >
function closeWin(){
//处添加代码
if(confirm(确定要退)){
window.close();
}
}

buttonvalue=关闭窗口onclick=closeWin()/>

2、写简单描述html标签（带属性始标签结束标签）则表达式并字符串html标签除掉（15）
var str = div

面段落

;
//
text/javascript>
varreg = /<\/?\w+\/?>/gi;
varstr = div

面段落

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

3、完foo()函数内容要求能够弹框提示前选第几单选框（10）

Content-Type content=text/html;charset=utf-8″ />

text/javascript >
function foo() {
//处添加代码
var rdo =document.form1.radioGroup;
for(var i =0 ;i
if(rdo.checked){
alert(您选择第+(i+1)+单选框);
}
}
}

form1″ >
radio name=radioGroup/>
radio name=radioGroup/>
radio name=radioGroup/>
radio name=radioGroup/>
submit/>

4、完函数showImg()要求能够态根据拉列表选项变化更新图片显示 （15）

text/javascript >
function showImg (oSel) {
//处添加代码
var str = oSel.value;
document.getElementById(pic).src= str+.jpg;
}

picsrc=img1.jpgwidth=200″ height=200″ />

sel>
img1>城市
img2>都市早报
img3>青山绿水

Web前端开发笔试题

Web前端开发笔试题集锦

Web前端开发笔试题集锦：

1，截取字符串abcdefg的efg

var str = "abcdefg";

if (/efg/.test(str)) {

var efg = str.substr(str.indexOf("efg"), 3);

alert(efg);

}

2, 判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母、数字、下划线，总长度为5-20

var reg = /^[a-zA-Z][a-zA-Z_0-9]{4,19}$/;

reg.test("a1a__a1a__a1a__a1a__");

3，判断一个字符串中出现次数最多的字符，统计这个次数

//将字符串的`字符保存在一个hash table中，key是字符，value是这个字符出现的次数

var str = "abcdefgaddda";

var obj = {};

for (var i = 0, l = str.length; i < l; i++) {

var key = str[i];

if (!obj[key]) {

obj[key] = 1;

} else {

obj[key]++;

}

}

/*遍历这个hash table，获取value最大的key和value*/

var max = -1;

var max_key = ""; 我爱编程网

var key;

for (key in obj) {

if (max < obj[key]) {

max = obj[key];

max_key = key;

}

}

alert("max:"+max+" max_key:"+max_key);

4，IE与FF脚本兼容性 问题

(1) window.event：

表示当前的事件对象，IE有这个对象，FF没有，FF通过给事件处理函数传递事件对象

(2) 获取事件源

IE用srcElement获取事件源，而FF用target获取事件源

(3) 添加，去除事件

IE：element.attachEvent(onclick, function) element.detachEvent(onclick,  function)

FF：element.addEventListener(click, function, true)  element.removeEventListener(click, function, true)

(4) 获取标签的自定义属性

IE：div1.value或div1[value]

FF：可用div1.getAttribute(value)

(5) document.getElementByName()和document.all[name]

IE;document.getElementByName()和document.all[name]均不能获取div元素

FF：可以

(6) input.type的属性

IE：input.type只读

FF：input.type可读写

(7) 是否可用id代替HTML元素

IE：可以用id来代替HTML元素

FF：不可以

(8) innerText textContent outerHTML

IE：支持innerText, outerHTML

FF：支持textContent

;

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

JavaScript面试题:字符串处理
在应聘前端程序员时，在笔试部分经常会考到字符串处理的问题。这些题有一个特点，站在考官的角度去考虑，它考的不是你会不会，而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下，用比较简洁的方式写出答案来。就具体的字符串处理问题，郑州尚学堂给大家分享一下。
1、字符串转换

字符串转换是最基础的要求和工作，你可以将任何类型的数据都转换为字符串，你可以用下面三种方法的任何一种：

var num= 19; // 19
var myStr = num.toString(); // "19"

你同样可以这么做：

var num= 19; // 19
var myStr = String(num); // "19"

或者，再简单点儿：

var num= 19; // 19
var myStr = "" +num; // "19"

2、字符串分割

字符串分割，即将一个字符串分割为多个字符串，JavaScript中给我们提供了一个非常方便的函数，如：

var myStr = "I,Love,You,Do,you,love,me";
var substrArray = myStr .split(","); // ["I", "Love", "You", "Do", "you", "love", "me"];
var arrayLimited = myStr .split(",", 3); // ["I", "Love", "You"];

split()的第二个参数，表示返回的字符串数组的最大长度。

3、获取字符串长度

字符串长度是在开发中经常要用到的，非常简单如下：

var myStr = "I,Love,You,Do,you,love,me";
var myStrLength = myStr.length; //25

4、查询子字符串

很多人都会忘记这几个JavaScript的自带的方法，或者忘记它们的具体用法，从而导致在做题的时候不得不嵌套for循环来做。

第一个函数：indexOf()，它从字符串的开头开始查找，找到返回对应坐标，找不到返回-1，如下：

var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.indexOf("you"); // 7 ,基于0开始,找不到返回-1

第二个函数：lastIndexOf()，它从字符串的末尾开始查找，找到返回对应坐标，找不到返回-1，如下：

var myStr = "I,Love,you,Do,you,love,me";
var index = myStr.lastIndexOf("you"); // 14

以上两个函数同样接收第二个可选的参数，表示开始查找的位置。

5、字符串替换

单单查到字符串应该还不会停止，一般题目都还经常会遇到让你查到并替换为你自己的字符串，例如：

var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace("love","hate");//"I,hate,you,Do,you,love,me"

默认只替换第一次查找到的，想要全局替换，需要置上正则全局标识，如：

var myStr = "I,love,you,Do,you,love,me";
var replacedStr = myStr.replace(/love/g,"hate");//"I,hate,you,Do,you,hate,me"
6、查找给定位置的字符或其字符编码值

想要查找给定位置的字符，你可以使用如下函数：

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charAt(8);// "o",同样从0开始

同样，它的一个兄弟函数就是查找对应位置的字符编码值，如：

var myStr = "I,love,you,Do,you,love,me";
var theChar = myStr.charCodeAt(8); //111

7、字符串连接

字符串连接操作可以简单到用一个加法运算符搞定，如：

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1 + str2 + "Yes!";//"I,love,you!Do,you,love,me?Yes!"

同样，JavaScript也自带了相关的函数，如：

var str1 = "I,love,you!";
var str2 = "Do,you,love,me?";
var str = str1.concat(str2);//"I,love,you!Do,you,love,me?"

其中concat()函数可以有多个参数，传递多个字符串，拼接多个字符串。

8、字符串切割和提取

有三种可以从字符串中抽取和切割的方法，如：

第一种，使用slice():

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.slice(1,5);//",lov"

第二种，使用substring():

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substring(1,5); //",lov"

第三种，使用substr():

var myStr = "I,love,you,Do,you,love,me";
var subStr = myStr.substr(1,5); //",love"

与第一种和第二种不同的是，substr()第二个参数代表截取的字符串最大长度，如上结果所示。

9、字符串大小写转换

常用的转换为大写或者小写字符串函数，如下：

var myStr = "I,love,you,Do,you,love,me";
var lowCaseStr = myStr.toLowerCase();//"i,love,you,do,you,love,me";
var upCaseStr = myStr.toUpperCase();//"I,LOVE,YOU,DO,YOU,LOVE,ME"

10、字符串匹配

字符串匹配可能需要你对正则表达式有一定的了解，先来看看match()函数：

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;
var result = myStr.match(pattern);//["love"]
console.log(result .index);//2
console.log(result.input );//I,love,you,Do,you,love,me

如你所见，match()函数在字符串上调用，并且接受一个正则的参数。来看看第二个例子，使用exec()函数：

var myStr = "I,love,you,Do,you,love,me";
var pattern = /love/;

以上就是我爱编程网小编整理的内容，想要了解更多相关资讯内容敬请关注我爱编程网。