web前端笔试试题（答案）

时间：2023-09-28 18:48:02 | 来源：网站运营

时间：2023-09-28 18:48:02 来源：网站运营

web前端笔试试题（答案）：一、填空题（每空1分，共70分）
1、JS中的数据类型有哪些__string,number,undefined,null,boolean,Object Array,Function,；（3分）
2、JS中强制类型转换为number类型的方法有：parseInt()、parseFloat()、number()。
3、创建一个子节点___createElement()，插入一个节点_appendChild() __，在已有元素之前插入节点__insertbefore()，删除字节点_____removeChild()。
4、获取元素的第一个子节点__firstNode___________________，获取元素的最后一个子节点__lastNode______________，上一个兄弟节点____previousSibling_________________，下一个兄弟节点__________nextSibling___________。
5、获取所有子元素节点___children_________，获取父级节点___parent_________
6、常用运算符有那五大类_____算术运算符___、逻辑运算符______、关系运算符________、赋值运算符_、比较运算符_______。
7、下面代码执行结果依次为：undefined____、
1。 var a = 1; function fn1(a){ alert(a); a = 2; } fn1(); //undefined alert(a); //1
8、下面代码执行结果依次为：undefined________、
1。 var a = 1; function fn1(){ alert(a); var a = 2; } fn1(); alert(a);
9、把字符串按照指定字符分割并返回数组的方法为：splice(‘|’)；大写字母转小写字母的方法为：toLowerCase()；小写字母转大写字母的方法为：toUpperCase()；查询字符在字符串中位置的方法_indexof(‘a’)；返回指定位置字符串的方法charAt(3)。
10、在数组最前面插入一项的方法为：_unshift()；删除数组最后一项的方法为：__pop()；在数组最前面插入一项的方法为：__unshift()；删除数组最前面一项的方法为：shift()__；删除、添加、替换数组项的方法为：_splice(start,deleteCount,value1,value2)；颠倒数组顺序的方法为：reverse()__；合并多个数组并返回新数组的方法__Array.concat([1,2,3])。
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名获取元素的方法：、。
14、获取滚动条滚动高度的方法：__对象.onscroll = function(){ console.log(this.scrollTop)}。
15、JS中绑定事件的方法：对象.fn；解除事件绑定的方法________________对象.onclick = 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、鼠标右键菜单事件：__。
21、字符串转换成数组的方法是_______splice(“|”)。
22、浮动可以使元素___是（是或否）脱离文档流。
二、根据要求写出对于代码（每题6分，共30分）
1、封装通过id获取元素的方法： Function getMyEById(id){ return document.getElmetById(id) }
2、获取当前日期（输出格式：年-月-日 星期 时：分：秒）；
3、获取鼠标坐标位置； 对象. function(e){ Console.log(e.clientX,e.clientY) }
4、把数组 arr=[1,23,12,7,3,28,2,14]按正序的方式排序；

源码:


var arr = [1,2,3,5,4,6,7,8] //?
优化

var tang = 0;
var flag = 0;
for(var i =1;i<arr.length;i++){
flag =0;
tang++; //
趟数

for(var j=0;j<arr.length-i;j++){
if(arr[j] > arr[j+1]){
flag = 1; //本趟有交换 没有交换flag =0

var temp = arr[j];
arr[j] = arr[j+1];
arr[j+1] = temp;

}
}

if(flag === 0){
break;
}

}

console.log(tang+'==================')
for(var i =0;i<arr.length;i++){

console.log(arr[i])

}
5、写出清除浮动的影响四种方法
(1)定高

(2) Overflow:hidden（密闭的作用域）

(3) <div style=“clear:both”></div>块级元素

(4)衣服 伪元素法

.clearFix::after,.clearFix:;before {
Content:’’;

Line-height:0; //IE
Display:block;
Clear:both;

}
.clear{*zoom:1;} //IE下清除浮动影响的办法