JS DOM和BOM： ECMAScript标准 js基本语法DOM 文档对象模型 DOM提供了方法操作DOM树上的节点BOM 浏览器对象模型 通过BOM可以 获得屏幕分辨率 控制浏览器跳转 弹出框BOM中的顶级对象就是window,DOM中的顶级对象是document。document是window的一个子对象。window.onload(){}setInterval() clearInterval()setTimeout() clearTimeout()Location 对象 包含的属性有 hash（地址栏#后的内容）、href（地址）、protocol（协议）、port（端口）、host（主机和端口号）、hostname（主机名字）、pathname（路径名字）、search（搜索的内容：获取的？后的内容）location.assign() //和location.href一样的操作location.replace() //替换的地址，没有历史记录location.reload() //页面重新加载History 对象historty.forward() //前进history.back() //后退history.go() //正数就是前进，负数就是后退DOM对象：document.getElementById(‘div’); //返回一个ID属性为‘div’的对象document.getElementByTagName(‘div’); //返回由所有div标签的组成的数组document.getElementByClassName(‘div’); //返回所有含有类名为‘div’的元素数组document.getElementByName(‘div’); //返回含有属性名为‘div’的元素数组document.querySelector(“a[targe]”); //返回第一个含有target属性的‘a’元素document.querySelectorAll(".example"); //返回是多个含有类名为example的元素的数组JS有五种基本数据类型： number / string / boolean / undefined / null (可使用 typeof方法 来判断基础对象类型)引用型数据类型：function / object引用数据类型会开辟出堆内存，它们指向的是 内存地址。字符串 之间用 ‘+’ 会拼接字符串，如果其他类型数据和字符串拼接，会被转换为字符串，这其中涉及到变量的隐式转换 类型转换： 数字类型转换：parseInt() / parseFloat() / Number() *(总结:想要转整数用parseInt()，想要转小数用parseFloat()，想要转数字:Number();更严格。)*其他类型转换： .toString() / String() / Boolean() NaN 不是一个数字，或者不是数字与数字的计算就会得到 NaN (isNaN() 判断一个值是不是 NaN) ! 表示非， !false == true 的结果为true 操作符： 算数运算符：+ - * / % 一元运算符：++ – 二元操作符：&& || 三元操作符： 条件?结果1 : 结果2 复合运算符: += -= *= /= %=流程控制： if(){ } else if(){ }else{ } switch(){ case : ;default: ; } while(){ } do{ }while() for( ; ; ){ } (break 用来取消后续循环，continue 用来取消本次循环) (switch中的条件判断 使用的是严格模式的全等于)JS内置对象： 实例方法：通过new的方式创建的对象(实例对象)来调用的方法 静态方法：直接通过构造函数调用的方法Array 创建方式有两种： var a =[]; //直接通过字面量创建var a = new Array() //通过构造函数进行创建Array对象的静态方法：Array.isArray(对象) //判断这个对象是不是数组Array对象的实例方法：.concat(数组，数组，..) //组合一个新数组.every(函数) //返回布尔值,函数作为参数使用,函数中有三个参数,分别是元素的值，索引值,原来的数组(没用) //数组中的每个元素都符合条件,才返回true.filter(函数); //数组中复合条件的元素,组成新数组.map(函数); //每个元素都执行这个函数,把执行后的结果重新放在一个新的数组中.forEach(函数) //遍历数组用.push(值); //把值追加到最后了，返回值是追加数据后的数组长度.pop(); //删除最后一个元素,返回值就是删除的这个值.shift(); //删除第一个元素,返回值就是删除的这个值.unshift(); //向第一个元素前插入新元素,返回值是插入后的长度.indexOf(元素值); //返回的是索引,没有则是-1.join(“字符串”); //返回的是一个字符串.reverse(); //反转数组.sort(); //排序.slice(开始,结束); //把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值.splice(开始,要删的个数,替换的值); //一般是用于删除数组中的元素,或者是替换元素,或者是插入元素Math 对象 :Math对象的静态方法：Math.PI —— Math.sqrt() —取平方根— Math.pow(a,b) —a的b次方— Math.E —自然常数— Math.abs —绝对值— Math.ceil() —向下取整— Math.floor —向上取整— Math.Max() —取最大值— Math.Min() —取最小值— Math.random() —取0-1之间随机值(不包括1)—Date 对象Date对象的静态方法：Date.now() //获取当前时间Date对象的实例方法：.getFullYear() //获取年份.getMonth() //获取月份从0开始.getDate() //获取日.getHours() //获取小时.getMinutes() //获取分钟.getSeconds() //获取秒数.getDay() //获取星期数.toLocaleDateString() //“2019/1/25”.toLocaleTimeString() //“下午2:20:26”.valueOf() //1548397226024.toString() //“Fri Jan 25 2019 14:20:26 GMT+0800 (中国标准时间)“String 对象字符串可以看作是由很多字符组成的数组，字符串有不可变的特性，字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了。字符串的常用属性:.length 字符串长度.charAt(索引) //返回值是指定索引位置的字符串,超出索引,结果是空字符串.concat(字符串1,字符串2,…); //返回的是拼接之后的新的字符串.indexOf(要找的字符串,开始的索引值); //返回的是这个字符串的索引值,没找到则返回-1.lastIndexOf(要找的字符串); //从后向前找,但是索引仍然是从左向右的方式,找不到则返回-1.replace(“原来的字符串”,“新的字符串”);//用来替换字符串的.slice(5,10); //从索引5的位置开始提取,到索引为10的前一个结束,没有10，并返回这个提取后的字符串.split(“字符串”,切割后留下的个数); //切割字符串.substr(开始的位置,个数); //返回的是截取后的新的字符串.substring(开始的索引,结束的索引) //返回截取后的字符串,不包含结束的索引的字符串.toLowerCase(); //转小写.toLocaleUpperCase() 转大写.toUpperCase(); //转大写.trim(); //干掉字符串两端的空格作用域：分为全局作用域和局部作用域，根据所在的作用域不同，变量又分为全局变量和局部变量。此外，还有块级作用域，被’{ }‘包裹就可以看成一个块，其实的变量定义，使用var 定义可以被外部使用， 使用 const、let 不可以被外部使用。局部变量在函数作用域销毁时，就会被释放，而全局变量一旦被创建，就不会被释放，除非页面关闭（但是隐式全局变量可以被销毁，没有使用var声明的全局变量）。在所有作用域创建的时候，js引擎会有一个处理，预解释，它所做的事，就是提前把所有的变量声明了，所有的函数声明并定义了（所以你可以在定义函数之前来调用这个函数）。预解释中的变量提升，只会提升到当前作用域的最前面，而不是其他作用域。预解析会分段(多对的script标签中函数重名,预解析的时候不会冲突)。JSON对象：一组无序属性的集合的键值对,属性的值可以是任意类型，这就是对象。JSON也是一个对象,数据都是成对的,一般json格式的数据无论是键还是值都是用双引号括起来的。JSON对象拥有两个方法，parseInt() (将字符串转换为JSON对象)和 stringify() (将JSON对象转换为字符串)，这两个一般用于 数据存储或者与后台交互。遍历对象：for(var key in json ){ console.log(key +’===========’ + json[key]);}