JS前期数组、字符串、时间、定时器、DOM\BOM事件总结

1.字符串方法

        .charAt(对应字符元素下标)——根据下标查找字符串内元素

        .charCodeAt(对应字符元素下标)——根据下标查找字符串某元素在unicode的编码位置

        .indexOf(‘元素内容’)——根据字符查找字符串内元素下标

        提取出截取的部分字符串：

              .substr(起始下标，截取长度）

                .substring(起始下标，结束时的下标）包前不包后

                .slice(起始下标，结束时的下标）包前不包后

       .toUpperCase——字符串中英文字符全部大写

       .toLowerCase——字符串中英文字符全部小写

       .replace(‘被替换的原内容’，‘用来替换的内容’)——替换字符串中的字符

       .spilt(‘分隔符’)——字符串转数组，同时也可用分隔符在数组内分割，可用下标找对应值

       .join(‘连接字符串的符号’)——数组转字符串,参数为字符串连接符

        JSON对象：由{}括起来的键值对,每两个键值对用逗号分开

              JSON.parse(字符串变量名)——JSON字符串转对象

              JSON.stringify(对象变量名)——JSON对象转成字符串

2.数组方法

         arr.push(‘追加内容’)——数组后面追加元素

         arr.pop()——从数组后面删除一个元素，无参数

         arr.unshift（‘添加内容’）——数组前面追加元素

         arr.shift()——数组前面删除一个元素，无参数

         删除值返回删除的元素，添加值则返回新的数组长度

         arr.splice(下标位置，删除几个，”添加内容”)——数组指定位置增加或 删除，参数至少有一个

         arr.reverse()——数组反转

         arr.sort——分别按照个位、十位大小排序

         arr.sort(function(a,b){return a-b })——调用函数，从小到大排序

         以上都会改变原数组

         arr1.concat(arr2,arr3)——数组的连接

         arr.join(‘字符串连接符’)——数组转为字符串输出，不添加连接符默认为,

         arr.IndexOf(‘需查询元素’)——查询数组元素对应下标，如有重复只显示       第一个下标

         arr.lastIndexOf(‘需查询元素’)——查询重复元素最呕一次出现的下标

         以上不会改变原数组

         arr.forEach(function(item, index,arr){      })——数组的遍历

3.Math是一个内置对象

         Math.round(‘数值变量’)——四舍五入

         Math.floor(‘数值变量’)——向下取整

         Math.ceil(‘数值变量’)——向上取整

         Math.abs(‘数值变量’)——取绝对值

         Math.random(‘数值变量’)——取0-1之间的随机数，包前不包后

         Math.max(‘数值变量1’，‘数值变量2’，‘数值变量3’)——取最大值，最   小值同理

4.Date方法

         var time = new Date())——获取当前时间

         var time = new Date('2011-1-1 12:00:00’))——赋值一个时间参数                      

         time.getFullYear())  ——得到年份

         time.getMonth()+1)——得到月份

         time.getDate())——得到几号

         time.getHours()) ——得到小时

         time.getDay()) ——得到一周的第几天

         time.getTime(new Date())——得到毫秒数

5.定时器

         setInterval(function(){      },毫秒数)——按间隔毫秒数重复执行

         setTimeout(function(){    },毫秒数)——到约定毫秒数，执行一次结束

6.Dom-文档对象

         获取元素方法：

         docunment. getElementById(“ID名”)——通过id获取body内的元素

         docunment.getElementsByClassName(‘class类名’)——通过class类名获取元素，结果是伪数组

         docunment.getElementsByTagName（‘标签名，如span’）——通过标签名获取元素，结果是伪数组

         获取元素新方法：

         document.querySelector(‘标签、ID、class类都可以，样式和css一样’)——拿到符合条件的第一个元素

         document.querySelectorAll（‘选择器’）——，拿到符合条件的所有元素，结果是一个伪数组

         写入操作

         box.innerHtml = “要写入的内容”——可以在js中读和写box的内容，可解析标签字符串

         box.innerText = ‘要写入内容’——可读写，不能解析标签

         Text.value = “要修改的内容”——可以针对input直接修改值

         类名操作

         div.className = “要添加或修改的类名”——修改类名

         div.className = “类名1，类名2”——追加类名

         属性操作

         div.属性名 = ’属性值‘——自定义属性，可读可写

         div.setAttribute(‘属性名’，‘属性值’)——添加属性

         div.getAttribute(’属性名’）——获取属性，返回值是属性值

         div.removeAtribute(‘属性名’)——移除属性

7.Bom-浏览器对象

         事件

         window.onload = function(){   }——加载事件，等页面的资源都加载完后，在值执行下面的代码

         window.onresize = function(){ } ——页面尺寸改变

         window.onscorll= function(){ }——页面滚动事件

                   docunment. docunmentElement.scrollTop= function(){ }——向上滚动过的距离，浏览

                    器不兼容，形式比较多（此为谷歌有DOCTYPE声明的时候可使用），一般与页面滚

                    动事件连用

         window.innerheight\ window.innerwidth——可视窗口的宽高,没有px

         Window.scrollTo(x方向,y方向)——距离浏览器两边的位置距离

         存储

         localStorage.setItem(‘键’，‘值’)——增加键值存储

         localStorage.getItem(‘键’)——根据键名插查询存储的值，返回为字符串

         localStorage.removetem()—移除数据，没有返回值

　　　 localStorage.clear()——清除所有的键和值

         localStorage本地持久存储，页面关闭也不会删除

         sessionStorage用法同上，临时存储，页面关闭时数据就删除了