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下清除浮动影响的办法