内置对象
Math Array String Date
Math.max
Math.min
Math.pi 圆周率
Math.floor()向下取整直接去除小数点
Math.ceil()向上取整
Math.round()四舍五入 就近取整
Math.abs() 绝对值
随机方法
Math.random() 返回一个随机的小数 0=<x<1
日期对象
是一个构造函数必须使用new 来调用创建我们的日期对象
Date()
没有参数返回当前时间
参数常用的写法
获取指定范围的随机整数
function getRandom(){
return Math.floor(Math.random()*(max-min+1))+min
}
getRandom(11,20)
时间
var today =new Date();
getFullYear(); 获取的年
getMonth()+1; 获取的月份是会比实际月份小1
getDay()周几0 是周日
getHours()时
getMinutes()分
getSeconds()秒
getTime()
Array
数组怎么判断是否为数组 ture代表数组false代表不是
arr.isArray(arr)
push是在数组的末尾添加一个或多个数组的元素添加后会改变数组的长度
unshift是在数组前添加一个或多个数组的元素 添加之后的数组的索引也会改变长度也会改变
pop() 删除数组中最后一个元素不需要写任何的参数一次只能删除一个
onshif()添加到数组的第一个
shift()删除数组中的第一个元素每次只能删除一个返回值是删除的那个元素
reverse 反转数组
arr.sort(function(a,b){
return a-b 从小到大
return b-a 从大到小
})
indexOf()通过元素查找索引 如果数组内有两个相同的只能返回第一个元素的索引
如果数组里没有这个值会返回-1
lastindexOf
数组转换成字符串 分隔符写在括号里 如果不写分隔符时默认以逗号分割
join()
string
把字符串转换成数组 通过分隔符进行分割成数组 需要在字符串里里添加字符串
split(分隔符号)
字符串相关属性
根据位置返回字符
charAt()
字符串的拼接
concat(需要拼接的字符)
substr(截取起始位置截取几个字符)返回值时截取的字符
replace(被替换的字符,替换为的字符)替换字符
web API
dom树:文档对象模型(doucment object model)
文档:一个页面就是一个文档
节点:网页中所有的内容,在dom树中都是节点,使用node表示
标签节点:网页里所有的标签也可以叫元素节点 用element
获取元素
getElementsByTagName()
通过这个拿到的元素即使只有一个也是以伪数组的方式返回
如果想要拿到里面的元素可以通过父元素获取
返回指定器的第一个元素如果是类名需要类名加上点号 获取类名需要加#
querySelsctor()
返回指定器的选择全部的元素
querySelsctorAll()
事件源 触发事件的元素
事件类型 触发条件事件类型
事件处理程序 触发后执行
常用的事件
onclick 点击事件
onblur input框事件 失去焦点时
onchange input框事件 内容发生改变后失去焦点时
oninput input框事件 内容发生改变改变就会触发
onfocus input框事件 只要获取焦点就会触发
onmouseleave 鼠标离开事件源触发
onmousemove 鼠标在事件源上移动触发的事件
改变元素内容
innerText 改变元素内容 还可以获取元素内容 会去掉空格和换行 不会去识别html标签
innerHTML 改变元素内容 也可以获取元素内容 会保留空格和换行 会识别html标签
disabled=true 置灰 禁用
js替换class名时如果不想覆盖之前的class名,需要className时同时带上之前的class名
this.className=‘ 新的class名 旧的class名’
自定义属性
获取自定义属性
getAttribute
设置自定义属性
setAttribute(属性,值)
删除自定义
removeAttribute
设置自带的属性
元素对象.属性名=‘值’