4.26 学习总结

js内置对象Array
     js是一个弱类型语言,数组对象中不存在角标越界,元素可以不断扩容!
     js数组对象可以存储任何类型的元素！

     虽然可以存储任何类型,但在实际中,具体的元素类型是统一的!

创建Array对象三种方式

方式1:创建数组对象
           var arr = new Array() ;
方式2:  数组对象名 = new Array(size) ;指定数组长度
            var arr = new Array(4) ; 数组中最大索引值:arr.length-1
        
方式3：var  数组对象名 = [元素1,元素2,...] ;

 遍历数组,获取arr数组对象的运算

 for(var i = 0 ; i < arr.length ;i++){     i为角标 0,1,2,3,4
                document.write(arr[i]+"<br/>") ;//i=0,0<3,arr[0]
            }

Js自定义对象的方式(第四种)

var 对象名 = {"key1":value1,"key2":value2....

追加方法:
                         "方法名":function(){...}

                      }

访问方式:    var 值 = 对象名.key

 常用的dom操作_通过方法获取标签对象

<input type="text" name="name" class="c1" id="username"  οnblur="testBlur()" />

方式1:docuement.getElementById("id属性值") ,常用的,需要在标签中给定id属性值(唯一的)

               var input = document.getElementById("username")

方式2:docuement.getElementsByClassName("页面中所有同名的class属性值"),需要在标签中给定class属性值
             获取的不是单个标签对象,而是标签对象列表,理解为一个数组,
             var input = document.getElementsByClassName("c1")[0]

方式3:docuement.getElementsByName("页面中所有同名的name属性值") ;
             在标签中给定name属性值
             var input = document.getElementsByName("name")[0] ; 

 方式4:docuement.getElementsByTagName("页面中所有同名的标签名称") ;
             var input = document.getElementsByTagName("input")[0] ;

 js常用事件编程 

            1 点击相关的事件
                    单击  click    -- onclick属性
                    双击  dbclick  -- ondblick属性
            2) 焦点事件
                    获取焦点  focus -- onfocus属性
                    失去焦点  blur -- onblur
                    
            3 选项卡发生变化的事件,一般用在select下拉菜单中
                    事件名称 change  --onchange属性