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、获取所有⼦元素节点__childNodes___，获取⽗级节点__parentNode___
6、常⽤运算符有那五⼤类_赋值运算符、算术运算符、⽐较运算符、逻辑运算符、关系运算符__。
7、下⾯代码执⾏结果依次为：undefined  1__。
var a = 1;
function fn1(a){
web前端开发笔试题库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()_；合并多个数组并返回新数组的⽅法
_at()____。
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名获取元素的⽅法：__ElementById(“id名”)__。
14、获取滚动条滚动⾼度的⽅法：_对象.οnscrοll=function(){console.log(this.scrollTop)}_。
15、JS中绑定事件的⽅法：__对象.on+事件名 = 事件处理函数_；解除事件绑定的⽅法_对象.on+事件名 = null__。
16、JS获取焦点事件为：___onfocus_；失去焦点事件为：_onblur__。
17、对数字向上取整的⽅法：__il()_；向下取整的⽅法：_Math.floor()__；四舍五⼊的⽅法：_und()_。
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){
ElementById(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 = FullYear();
var month = Month() + 1;
var day = Date();
var week = Day();
var hour = Hours();
var min = Minutes();
var sec = Seconds();
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;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。