web前端笔试试题一（含答案）
一、填空题（每空1分，共70分）1、JS中的数据类型有哪些_number、string、boolean、undefined、null、object、array、function、NaN__________________________________________；（3分）2、JS中强制类型转换为number类型的方法有：___Number()_______________。3、创建一个子节点
一、填空题（每空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、获取所有子元素节点__childNodes___，获取父级节点__parentNode___
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()___；在数组最后面插入一项的方法为：push()__；删除数组最前面一项的方法为：__shift()___；删除、添加、替换数组项的方法为：_splice(start,deleteCount,value1,value2)___；颠倒数组顺序的方法为：_reverse()_；合并多个数组并返回新数组的方法_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[0].name_。
20、鼠标右键菜单事件：__onContextMenu_。
21、字符串转换成数组的方法是_split(“”)__。
22、浮动可以使元素_是__（是或否）脱离文档流。
二、根据要求写出对于代码（每题6分，共30分）
1、封装通过id获取元素的方法：
function getEle(idName){
return document.getElementById(idName);
};
2、获取当前日期（输出格式：年-月-日 星期 时：分：秒）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2</title>
</head>
<body>
</body>
<script type="text/javascript">
var data = new Date();
var year = data.getFullYear();
var month = data.getMonth() + 1;
var day = data.getDate();
var week = data.getDay();
var hour = data.getHours();
var min = data.getMinutes();
var sec = data.getSeconds();
month = month >= 10 ? month : "0" + month;
day = day >= 10 ? day : "0" + day;
hour = hour >= 10 ? hour : "0" + hour;
min = min >= 10 ? min : "0" + min;
sec = sec >= 10 ? sec : "0" + sec;
switch (week) {
case 1: week = "一";
break
case 2: week = "二";
break
case 3: week = "三";
break
case 4: week = "四";
break
case 5: week = "五";
break
case 6: week = "六";
break
case 7: week = "日";
break
};
console.log(year + "年" + month + "月" + day + "日 " + "星期" + week + " " + hour + ":" + min + ":" + sec);
</script>
</html>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;
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
19
0- 0
已为社区贡献9条内容
所有评论(0)