美文网首页
一、js基础

一、js基础

作者: 张子轩xuan | 来源:发表于2016-05-28 10:02 被阅读21次


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

    相关文章

      网友评论

          本文标题:一、js基础

          本文链接:https://www.haomeiwen.com/subject/afzhrttx.html