1、判断数据类型的两种方式以及两者之间的区别?
typeof 返回一个字符串 number boolean string function object undefined
instanceof 用于判断一个变量是否是某个对象的实例 Object Array Function 等
2、javascript中基础数据类型及引用类型
Undefined Null Boolean Number String
Object Array Date Function
3、常用操作符并赋予中文含义
&& 逻辑且 ||逻辑或 = 赋值操作 + - * / % 加减乘除模>大于 < 小于 >=大于等于 <= 小于等于 == 等于 === 全等于
4、等于 和 全等于 的区别?
等于 == 两个等号表示 意为 值相等全等于
=== 三个等号表示 意为 值和类型 相等
5、跳出循环的两种方式 以及 两者之间的区别
break 跳出循环
continue 跳出当前循环 进入下一次循环
6、请写出switch语句switch(表达式)
{case 值:语句break;default : 语句}
7、请写出两种定时器代码及清除任务方法
循环任务定时器:var inter = setInterval(function(){},时间)clearInterval(inter)
延迟定时器:var timeout = setTimeout(function(){},延迟时间)clearTimeout(timeout)
8、请写出通过DOM选择元素的几种方法及含义
document.getElementById(“ID”) 通过ID选择元素
element.getElementsByTagName(“tagName”)通过标签名称选择元素
element.getElementsByClassName(“className”)通过样式名选择元素
element.querySelector(“selector”)通过传入的选择器匹配元素 返回第一个
element.querySelectorAll(“selector”)通过传入的选择器匹配所有元素 返回数组
9、javascript中的数组常用的一些方法及对应含义
array.push()推入元素
array.slice(start,end)截断数组
array.concat()连接数组
array.sort()排序
array.indexOf()返回元素在数组中的位置
10、javascript中Math对象的常用方法、对应含义及特点(不少于五个)
Math.random() 产生一个0~1的随机数 不包含1
Math.floor()向下舍入为整数
Math.ceil()向上舍入为整数
Math.round()四舍五入为整数
Math.max()求最大数
Math.min()求最小数
11、遍历Object和Array的方法
for(var key in obj){
var val = obj[key];
}
for(var i=0;i<array.length;i++){
var val = array[i];
}
12、常用的一些事件及其含义
onclick ondblclick onmouseover onmouseout onmouseenter onmouseleave onmousewheel
oncontextmenu
13、获取指定元素的宽、高、距页面左侧距离、距页面顶部距离的方法
div.offsetWidth div.offsetHeight div.offsetLeft div.offsetTop
14、阻止冒泡的两种方式以及其特点
event.stopPropagation(); 主流浏览器通用
event.cancelBubble = true; 早期IE专属 现在各浏览器也全部支持
15、阻止浏览器默认事件的两种方式及特点
return false; 只能阻止通过on添加的事件
event.preventDefault(); IE6、7、8不支持此方法
16、不同浏览器添加点击事件的方式
div.addEventListener(“click”,function(){},false)
div.onclick = function(){} IE:div.attachEvent(“onclick”,function(){})
17、请写出下列可能出现的值:
1、 var a=1;
function test(){
alert(this.a)
};
2、 var a = 1;
var obj = {
a : 2,
fun : function(){
alert(this.a)
}
}
18、nextSibling和nextElementSibling的作用及区别是?
nextSibling属性在IE9以前的版本中,空格和换行不会返回文本节点,而其他浏览器会,
nextElementSibling属性,高级浏览器都支持并且不会将空格和折行返回为文本,只是单纯的获取元素,但IE9以下均不支持,因为没有Element对象
19、alert方法输出的结果(作用域)
var color1 = "blue";
function testFn1(){
var color2 = "red";
function testFn2(){
var color3 = "yellow"
alert(color1, color2, color3); //三个颜色分别出来
}
testFn2();
alert(color1, color2, color3); //报错,因为只能获取前两个颜色,不能获取第三个
}
testFn1();
alert(color1, color2, color3); //报错,因为只能获取第一个颜色
网友评论