内置对象 事件

内置对象
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
设置自带的属性
元素对象.属性名=‘值’
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值