JS事件
1.内置对象
string
charAt(idx) 返回在指定位置的字符。
indexOf(chr) 返回某个指定的字符串值在字符串中首次出现的位置。从左到右,找不到返回-1
substr(m,n) m位置开始,取n个字符,如果n省略,则取到末尾
substring(m,n) 提取字符串中m到n之间的字符。如果n省略,则取到末尾
toLowerCase() 把字符串中的字符全部转换为小写。
toUpperCase() 把字符串中的字符全部转换成大写
length 属性,不是方法,返回字符串的长度
Math
Math.random() 随机数
Math.ceil() 向上取整,大于最大整数
Math.floor() 向小取整,小于最小数String
Date
获取日期
getFullYear() 年
getMonth() 月
getDate() 日
getHours() 时
getMinutes() 分
getSeconds() 秒
设置日期
setYear() 设置 Date 对象中的年份(四位数字)
setMonth() 设置 Date 对象中月份 (0 ~ 11)。
setDate() 设置 Date 对象中月的某一天 (1 ~ 31)
setHours() 设置 Date 对象中的小时 (0 ~ 23)。
setMinutes()
setSeconds()
2.对象
对象
一、对象的创建
1.字面量形式创建对象
var 对象名={};//空对象
var 对象名={
键:值,
键:值,
...
};
2.通过new Object创建
var 对象名=new Object();//空对象
3.通过object对象的create方法创建
var 对象名=Object.create(null);//空对象
var 对象名=Object.create(对象);
二、对象的操作
获取对象的属性(如果属性不存在,则获取undefined)
对象名.属性名;
设置对象的属性(如果属性存在则修改属性值,不存在则添加)
对象名.属性名=值;
三、对象的序列化与反序列化
序列化:将js对象(json对象)转换成json字符串
var 变量名=JSON.stringify(对象);
反序列化:将json字符串转换成js对象(json对象)
var 变量名=JSON.parse(JSON字符串);
四、this
谁调用函数,this指代谁
1.直接调用函数,this代表的是全局的window对象
2.调用对象中的函数,this代表的是对象本身
3.事件
事件
事件中的几个名词
事件源:给什么元素/标签绑定事件
事件名:绑定什么事件
事件监听:浏览器窗口
执行函数:事件触发后需要执行什么代码
常用的事件类型
onblur事件
onfocus事件
事件流
事件冒泡:时间开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)
事件捕获:时间开始时由文档节点接收,然后逐级向下传播到具体的元素节点
事件处理程序(事件绑定方式)
1.HTML事件处理程序
直接在HTML元素上绑定事件
2.DOM0级事件
先获取事件源,再给事件源绑定事件
3.DOM2级事件
事件源.addEventListener("事件类型",执行函数,true);
注意:通过id属性值获取节点对象
document.getElementById("id属性值");
onload事件:当文档(HTML页面)加载完毕后执行