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. getElement.scrollTop——向上滚动过的距离,浏览器不兼容,形式比较多
window.innerheight\ window.innerwidth——可视窗口的宽高,没有px
Window.scrollTo(x方向,y方向)——距离浏览器两边的位置距离
存储
localStorage.setItem(‘键’,‘值’)——增加键值存储
localStorage.getItem(‘键’)——根据键名插查询存储的值,返回为字符串
localStorage.removetem()——清除所有键和值
localStorage本地持久存储,页面关闭也不会删除
sessionStorage用法同上,临时存储,页面关闭时数据就删除了
标签:arr,下标,DOM,元素,JS,BOM,数组,字符串,类名 From: https://www.cnblogs.com/eight-eyes-fish/p/16916337.html