web前端笔试试题（答案）

本文主要是介绍web前端笔试试题（答案），对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

一、填空题（每空1分，共70分）

1、JS中的数据类型有哪些_number、string、boolean、undefined、null、object、array、function、NaN___；（3分）

2、JS中强制类型转换为number类型的方法有：parseInt()、parseFloat()、Number()__。

3、创建一个子节点_createElement()___，插入一个节点_appendChild()__，在已有元素之前插入节点_insertBefore()__，删除子节点___removeChild___。

4、获取元素的第一个子节点__firstChild___，获取元素的最后一个子节点___lastChild__，上一个兄弟节点____previousSibling____，下一个兄弟节点___nextSibling()__。

5、获取所有子元素节点__children___，获取父级节点__parent___

6、常用运算符有那五大类_赋值运算符、算术运算符、比较运算符、逻辑运算符、关系运算符__。

7、下面代码执行结果依次为：undefined 1__。

var a = 1;

function fn1(a){

alert(a);

a = 2;

}

fn1();

alert(a);

8、css中常见布局单位有_px、rem、em__（3种）

9、把字符串按照指定字符分割并返回数组的方法为：___split(“分隔符”)__；大写字母转小写字母的方法为：toLowerCase()____；小写字母转大写字母的方法为：_ toUpperCase()___；查询字符在字符串中位置的方法__indexOf(“字符串“)__；返回指定位置字符串的方法__charAt(index)___。

10、在数组最前面插入一项的方法为：unshift()___；删除数组最后一项的方法为：_pop()___；在数组最前面插入一项的方法为：unshift()__；删除数组最前面一项的方法为：__shift()___；删除、添加、替换数组项的方法为：_splice(start,deleteCount,value1,value2)___；颠倒数组顺序的方法为：_reserve()_；合并多个数组并返回新数组的方法_Array.concat()____。

11、有x=15，y=64，写出生成x到y直接随机数的方法:__Math.random()*49+15 __。

12、JS中的多次执行的定时器为：_setInterval(function(){},1000)__只执行一次的定时器为：_setTimeout(function(){},1000)__清除定时器的方法：clearInterval(timer)、clearTimeout(timer)_

13、通过id名获取元素的方法：__document.getElementById(“id名”)__。

14、获取滚动条滚动高度的方法：_对象.οnscrοll=function(){console.log(this.scrollTop)}_。

15、JS中绑定事件的方法：__对象.on+事件名 = 事件处理函数_；解除事件绑定的方法_对象.on+事件名 = null__。

16、JS获取焦点事件为：___onfocus_；失去焦点事件为：_onblur__。

17、对数字向上取整的方法：__Math.ceil()_；向下取整的方法：_Math.floor()__；四舍五入的方法：_Math.round()_。

18、获取表格元素中thead、tbody、tfoot、tr、td的方法分别为：__、__、__、__、__。

19、var arr=[{name:’张三’,age:25}]，怎么读取数组中的“张三”___arr.name_或 arr[“name”]_。

20、鼠标右键菜单事件：__oncontextmenu_。

21、字符串转换成数组的方法是_split(“”)__。

22、浮动可以使元素_是__（是或否）脱离文档流。

二、根据要求写出对于代码（每题6分，共30分）
1、封装通过id获取元素的方法：

function getEle(idName){
	return document.getElementById(idName);
};

2、获取当前日期（输出格式：年-月-日 星期 时：分：秒）

3、获取鼠标坐标位置

对象.function(e){
	console.log(e.clientX,e.clientY);
};

4、把数组 arr=[1,23,12,7,3,28,2,14]按正序的方式排序（写出3种方式才能拿满分）

//sort()方法排序
function func(a,b){
	return a-b;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(arr.sort(func));//[1, 23, 12, 7, 3, 28, 2, 14]


//选择排序
function selectSort(arr) {
	for (var i = 0; i < arr.length - 1; i++) {
		for (var j = i + 1; j < arr.length; j++) {
			if (arr[i] > arr[j]) {
				var temp = arr[i];
				arr[i] = arr[j];
				arr[j] = temp;
			};
	    };
	};
    return arr;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(selectSort(arr));//[1, 23, 12, 7, 3, 28, 2, 14]


//冒泡排序
function BubbleSort(arr){
	for(var i=0;i<arr.length-1;i++){
		for(var j=0;j<arr.length-1-i;j++){
			if(arr[j]>arr[j+1]){
				var temp = arr[j+1];
				arr[j+1] = arr[j];
				arr[j] = temp;
			}
		};
	};
	return arr;
};
var arr = [1,23,12,7,3,28,2,14];
console.log(BubbleSort(arr));//[1, 23, 12, 7, 3, 28, 2, 14]

5、写出清除浮动的影响四种方法

1. 给父级div定义伪类：after和zoom

.clearfloat:after{clear:both;overflow:hidden;display:block;current:””;height:0};

.clearfloat{zoom:1};

2.在浮动尾部添加空div标签clear:both；

3.父级定义高度

4.父级定义overflow:hidden;

这篇关于web前端笔试试题（答案）的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！