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]);
}