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

相关文章

  • React-Native 随笔

    学习基础: js的基础知识, rect.js基础 JSX语法基础 FlexBox布局 安装 安装node.js下载...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • 网络编程(十九) JavaScript(9)

    一、 JS的组成 1.1 JS基础阶段以及Web APIs阶段 【1】JS基础阶段 我们学习的生死ECMAScri...

  • 发现•分享—2019-01-17

    文章 JS JS 异步编程六种方案 JS基础—原型对象的那些事(一) JS基础—原型对象的那些事(二) CSS 综...

  • 小程序系列--JS基础

    JS基础 最后一遍JS基础,需要一定的语言基础 1. JS在网页中使用 2. 注释 3. 变量 声明变量 var...

  • web前端 -- Day23 js高级

    js基础 JavaScript简称:JS JS分三个部分: ECMAScript标准---基础的语法 DOM D...

  • 前端JavaScript面试技巧

    1-1 课程概述 要做什么?——讲解前端 JS 基础面试题 哪些部分?——JS 基础,JS-WEB-API,JS ...

  • 2018-08-17day-25

    总结 : js基础 js基础语法 1.js是javaScrip的缩写,是一门脚本语言。专门用来负责网...

  • 4/07day28_js基础

    day28_js基础 回顾 JS基础语法 JS运算符 JS流程控制语句 条件语句 JS的条件语句和Java语法基本...

  • 2018-12-20

    1.01.尚硅谷_JS基础_JS简介(1) 10.10.尚硅谷_JS基础_Null和Undefined(10) 1...

网友评论

      本文标题:一、js基础

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