第七次前端笔记

<!-- 
         String
             charAt(idx)    返回指定位置处的字符 
             index0f(Chr)    返回指定子字符串的位置，从左到右。找不到返回-1 
             substr(m,n)    返回给定字符串中从m位置开始，取n个字符，如果参数n省略，则意味着取到字符串末尾。 
             substring(m,n)    返回给定字符串中从m位置开始，到n位詈结束，如果参数n省略，则意味着取到字符串末尾 
             toLowerCase()    将字符串中的字符全部转化成小写。 
             toUpperCase()     将字符串中的字符全部转化成大写。
         
         Math
            Math.random() 随机数 
            Math.ceil() 向上取整，大于最大整数 
            Math.floor() 向小取整，小于最小整数String
            
        Date
            获取日期 
                getFullYear()   年
                getMonth()   月
                getDate()   日
                getHours()   时
                getMinutes()   分
                getSeconds()  秒
            设置日期 o 
                setYear()
                setMonth() 
                setDate() 
                setHours() 
                setMinutes() 
                setSeconds()
                toLoacaleString()-转换成本地时间字符串
        
             -->

<!-- 
        document.write();  写在html中
        console.log();   写在控制台中
         对象
             一、对象的创建
                 1、字面量形式创建对象
                     var 对象名 ={};// 空对象 
                     var 对象名={
                         键:值,
                         键:值,
                         };
                 2.通过newObject创建
                 var 对象名=new Object();// 空对象
                 3.通过0bject对象的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代表的是对象本身
         -->

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