一、js基础

2016-05-28  本文已影响21人  张子轩xuan


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); //报错,因为只能获取第一个颜色

上一篇下一篇

猜你喜欢

热点阅读