网络前端第七次培训

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页面)加载完毕后执行