梓潼县住房和城乡建设局网站聊城高端网站设计建设
| typeOf() | Number（） | parseInt() | parseFloat() | - * / % |
| 检测数据类型 | 转换为数字 | 转换为整数类型 | 转换为浮点类型 | 非加法的数字运算 |
| toString() | + | Boolean() | String() | |
| 转换为字符串，不能转换undefined/null | 字符串拼接 | 转换为布尔类型 | 转换为字符串、所有内容都能转换 |
| typeof() | isNaN() | Number.isNaN | Object.is() |
| 检测数据类型 | 检测是否为非数组 | 检测是否为NaN | 判断两个值是否相等 |
| push() | pop() | unshift() | shift() | reverse() |
| 像数组后面追加数据 | 删除数组最后一个数据 | 像数组前面追加一个数据 | 删除数组第一个数据 | 对数据进行翻转 |
| sort() | splice() | concat() | join() | slice() |
| 对数组进行排列 | 截取数组的内容，并且可以在截取的位置放数据 | 向数组添加数据，或者拼接数组 | 使用连接符，将数组的数据连成字符串 | 截取数组，但是不改变原数组 |
| indexOf() | lastIndexOf() | forEach | map | filter |
| 从前往后检索第一次出现内容的索引，无返回-1 | 从后往前检索第一次出现内容的索引，无返回-1 | 对数组进行遍历，不返回数据 | 对数组进行加工，返回加工完的数组 | 对数据进行过滤，返回过滤完的数据 |
| find | findIndex | every | some | reduce |
| 在数据中内查找满足条件的第一项 | 在数组中内查找满足第一项的索引 | 判断数组中时候每一个都符合条件，符合返回true，反之 | 判断数组中有一个满足条件就返回true | 对数组进行叠加 |
| random() | round() | ceil() | floor | abs | pow | sqrt | max |
| 生出随机数 | 四舍五入 | 向上取整 | 向下取整 | 绝对值 | 幂运算 | 平方根 | 最大值 |
| min | PI | ||||||
| 最小值 | 圆周率 |
| charAt() | charCodeAt() | toUpperCase() | toLowerCase() | substr() | substring() |
| 返回该索引位置的字符 | 返回该索引位置的字符编码 | 转换为大写 | 转换为小写 | 分割字符串 | 分割字符串 |
| slice() | split() | concat() | indexOf() | lastIndexOf() | includes() |
| 分割字符串 | 按照分隔符分开转为数组 | 对字符串进行拼接 | 返回字符串第一个出现的下标 | 返回字符串最后一个出现第一个的下标 | 判断里面包含这个数据返回布尔值 |
| startsWith() | endsWith() | trim() | trimStart/trimLeft | trimEnd/trimRight | replace |
| 验证字符串是否以数据开头的 | 验证字符串是否以数据结尾 | 取出字符串左右两边的空格 | 去除左面的的空格 | 去除右面的的空格 | 替换 |
| getFullYear() | getMonth() | getDate() | getHours() | getMinutes | getSeconds | getMillseconds |
| 获取年份 | 获取月份 | 获取日 | 获取小时 | 获取分钟 | 获取秒 | 获取毫秒 |
| getDay | getTime() | setFullYear | setMounth | setDate | setHours | setMinutes |
| 获取星期 | 获取时间戳 | 设置年份 | 设置月份 | 设置日 | 设置小时 | 设置分钟 |
| setSeconds | setMilliseconds | setDay | setTime() | |||
| 设置秒 | 设置毫秒 | 设置日期 | 设置时间戳 |
| window.alert('') | window.prompt() | window.confim() | window.onload = function(){} |
| 提示框 | 输入框 | 询问框 | 当页面加载完之后调用 |
| window.resize=function{} | winodw.scroll = function(){} | window.location.href | window.location.reload() |
| 当页面可视化窗口改变 | 当滚轮滑动的时候 | 获取网址或者跳转 | 对页面进行重新加载 |
| window.open('') | winodw.close() | document.documentElment.scrollTop | document.body.scrollTop |
| 打开一个新的页面 | 关闭此页面 | 浏览器卷出去的高度 | 浏览器卷出去的宽度 |
| window.history.back() | window.history.forward() | window.history.go(参数) | window.scrollTo(x,y) |
| 浏览器回退 | 浏览器前进 | 浏览器跳转 | 浏览器滚动到 |
| window.scrollTo({top,left,behavior}) | |||
| 浏览器滚动到：behavior怎么滑动 |
| localStorage存储 | sessionStorage存储 | cookie存储(过期时间必须调整8小时) | |
| 增 | window.localStorage.setItem(key,value) | window.sessionStorage.setItem(key) | document.cookie = 'key=value;expire:' |
| 删 | window.localStorage.removeItem(key) | window.sessionStorage.remove(key) | |
| 清除 | window.localStorage.clear() | window.sessionStorage.clear() | |
| 查 | window.localStorage.getItem(key) | window.sessionStorage.getItem(key) | console.log(document.cookie) |
| document.documentElement | document.body | document.head | document.getElementById() |
| 获取html | 获取body | 获取head | 根据id来获取元素 |
| document.getElementsByClassName() | document.getElements ByTagClassName | document.querySelector('') | document.querySelectorAll('') |
| 根据类名返回一个伪数组 | 根据标签返回一个伪数组 | 根据选择器获取第一个元素 | 根据选择器获取所有的元素 |
| ele.id = 'asd' | ele.setAttribute('aa','bb') | ele.removeAttribute('aa') | ele.getAttribute('aa') |
| 原生属性直接使用属性名操作 | 设置自定义属性 | 删除自定义属性 | 查询自定义属性 |
| ele.dataset.aaa = 'zzzz' | ele.dataset.aaa | delete ele.dataset.aaa | ele.className |
| 设置H5自定义属性 | 获取H5自定义属性 | 删除H5自定义属性 | 获取元素的类名 |
| ele.classList | ele.classList.add('类名') | ele.classList.remove('类名') | ele.classList.toggle('类名') |
| 获取元素的所有类名返回数组 | 添加类名 | 删除类名 | 切换，如果原来有那么删除，没有的话就添加 |
| ele.innerHTML | ele.innerText | ele.value | ele.offsetWidth |
| 在元素上写，可以写超文本 | 在元素上写，不能识别超文本 | 用来操作表单，获取值 | 获取元素的宽度包括border |
| ele.offsetHeight | ele.clientWidth | ele.clientHeight | ele.offsetTop |
| 获取元素的高度包括border | 获取元素宽度不包括boder | 获取元素宽度不包括boder | 获取元素垂直父级距离 |
| ele.offsetLeft | ele.offsetTop | ele.clientLeft | ele.clientTop |
| 获取元素水平父级距离 | 获取boder | 获取左boder的宽度 | 获取上boder的宽度 |
| 元素.chlidNodes | 元素.children | 元素.firstChild() | 元素.lastChild() |
| 获取元素的所有子一级节点 | 获取元素的所有子一级元素节点 | 获取元素的的第一个节点 | 获取元素的最后一个节点 |
| 元素.firstElementChild() | 元素.lastElementChild() | 元素.previousSibling() | 元素.previousElementSibling |
| 获取元素的第一个元素节点 | 获取元素的最后一个元素节点 | 获取元素上一个兄弟节点 | 获取元素上一个兄弟元素节点 |
| 元素.nextSibling() | 元素.nextElementSibling() | 元素.parentNode | 元素.parentElement |
| 获取元素下一个兄弟节点 | 获取元素下一个兄弟元素节点 | 获取元素的父节点 | 获取元素的父节点 |
| 元素.attributes | document.createElement('li') | document.createTextNode('文本内容') | 元素.appendChild(节点) |
| 获取该节点的所有属性 | 创建节点 | 创建文本节点 | 像元素插入节点 |
| 元素.insertBefore(节点,谁的前面) | 元素.removeChild(子节点) | 元素.remove() | 元素.replaceChild(换上，换下) |
| 像元素前面插入节点 | 删除父元素中的子节点 | 删除该元素 | 使用换上节点替换点换下节点 |
| 元素.cloneNode() | 元素.nodeType() | 元素.nodeName() | 元素.nodeValue() |
| 把元素克隆一个一模一样的 | 元素属性 | 获取节点的名称 | 获取节点中的内容 |
| BOM层次获取Width | window.innerWidth(包括滚动条) |
| BOM层次获取Height | window.innerHeight(包括滚动条) |
| DOM层次获取Width | document.documentElement.clientWidth |
| DOM层次获取Height | document.documentElement.clientHeight |