网页前端第七次学习

一.内置对象

        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()
                    setMonth()
                    setDate()
                    setHours()
                    setMinutes()
                    setSeconds()
                    toLocaleString()    转换成本地字符串

二.对象
                一.对象的创建
                    1.字面量形式创建变量
                        var 对象名 = {}；//空对象
                        var 对象名 = {
                            键:值
                            键:值
                            键:值
                            ...
                        }；
                    2.通过newObject创建
                        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.pass(JSON字符串);
                四.this
                    谁调用函数，this指代谁
                    1.直接调用函数，this代表全局window对象
                    2.调用对象中的函数，this代表的是对象本身

三.事件
            事件中的几个名词
                事件源：给什么元素/标签绑定事件
                事件名：绑定什么事件
                事件监听：浏览器窗口
                执行函数：事件触发后需要触发什么代码
            
            常用事件类型
                onload:当页面或图像加载完后立即触发
                onblur:元素失去焦点
                onfocus:元素获得焦点
                onclick:鼠标点击某个对象
                onchange:用户该病域的内容
                onmouseover:鼠标移动到某个元素上
                onmouseout:鼠标从某个元素上移开
                onkeyup:某个键盘的键被松开
                onkeydown:某个键盘的键被按下
            
            事件流
                事件冒泡：事件开始时由最具体的元素接受，然后逐级向上传播到较为不具体的节点
                事件捕获：事件开始时由文档接受，然后逐级向下传播到具体的元素节点
            
            事件处理程序（事件绑定方式）
                1.heml事件处理程序
                    直接在html元素上绑定事件
                2.DOM0级事件
                    先获取事件源，再给事件源绑定事件，不能同时给元素绑定相同元素多次
                3.DOM2级事件
                    事件源.addEventLisenter(“事件类型”，执行函数，true/false)
            注：通过id属性值获取节点对象