第七次网页前端培训（对象和事件）

1：内置对象

        1.1：String

        charAt(idx)返回指定位置处的字符

        indexOf(Chr)返回指定子字符串的位置，从左到右，找不到返回-1

        substr(m，n)返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾

        substring(m，n)返回给定字符串中从m位置开始，到n位置结束，如果参数n省略，则意味着到字符串末尾

        tolowerCase()将字符串中的字符全部转化为小写

        toUpperCase（）将字符串中的字符全部转化为大写

length属性，不是方法，返回字符串长度

1.2：Math

        Math.random（）随机数

        Math.ceil（）向上取整，大于最大整数

        Math.floor（）向小取整，小于最小整数String

1.3：Date

        获取日期：getFullYear（）年

        getMonth（）月

        getDate（）日

        getHours（）时

        getMinutes（）分

        getSeconeds（）秒

        设置日期：setFullYear（）年

        setMonth（）月

        setDate（）日

        setHours（）时

        setMinutes（）分

        setSeconeds（）秒

2：对象

        2.1：对象的创建

        2.1.1：字面量形式创建对象

        var 对象名 = { }；

        var 对象名 = {

        键：值，

        键：值，

        …

        }

        2.1.2：通过new Object创建

        var 对象名 = new Object（）；

        2.1.3：通过Object对象的create方法创建 

        var 对象名 = Object.create（null）；

        var 对象名 = Object.create（对象）；

        

        2.2：对象的操作

        2.2.1：获取对象的属性（对象名，属性名）；

        设置对象的属性（对象名，属性名 = 值）；注：如果属性存在，则修改属性值，如果属性不存在，则添加新的属性值。

        2.3：对象的序列化和反序列化

        序列化：将JS对象（JSON对象）转换成JSON字符串

        var 变量名 = JSON.stringify（对象）；

        反序列化：将JSON字符串转换成JS对象（JSON对象）

        var 对象名 = JSON.parse（JSON字符串）；

        2.4：this

        谁调用函数，this指代谁

        2.4.1：直接调用函数，this代表的是全局的window对象

        2.4.2：调用对象中的函数，this代表的是对象本身

3：JS事件

        3.1：onload事件：当文档（HTML页面）加载完毕后执行

        onclick事件：点击事件（单击事件）

        3.2：事件中的几个名词

        事件源：给什么元素/标签绑定事件

        事件名：绑定什么事件

        事件监听：浏览器窗口

        执行函数：事件触发后需要执行什么代码、

        3.3：常用的事件类型

        onload：当页面或图像加载完成后立即触发

        onblur：元素失去焦点

        onfocus：元素获得焦点

        onclick：鼠标点击某个对象

        onchange：用户改变域的内容

        onmouseover：鼠标移动到某个元素上

        onmouseout：鼠标从某个元素上离开

        onkeyup：某个键盘的键被松开

        onkeydown：某个键盘的键被按下

        3.4：事件流

        事件冒泡：事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点（文档）

        事件捕获：事件开始时由文档节点接受，然后逐级向下传播到具体的元素节点

        3.5：事件处理程序（事件绑定方式）

        3.5.1：HTML事件处理程序（直接在HTML元素上绑定事件)

        3.5.2：DOM0级事件(1、事件源：获取时间源；2、事件类型：给事件源绑定指定事件；3、执行函数：事件触发后要执行的代码)

        3.5.3：DOM2级事件