2018/2/2 (2)

新知识

1.判断用户输入事件
    正常浏览器  :    oninput
    Ie 678  支持的  ： onpropertychange

2.数组 array
    数组是做什么用的？
    var  num = 10;  变量可以用来存储东西 。
    一个变量里面只能一个值。
    我们130人，想把我们每个人的人名存储，要用变量需要 130变量。
    这个时候可以考虑  数组 。  组合
    数组：  就是一个大变量， 它里面可以存储很多的值。
1) 声明数组
    var arr = [1,3,5,7,9];
    var arr = new Array(1,3,5);

2)使用数组
    使用的方法:    数组名[索引值];               函数名();
    索引号是从0开始的。   0 1 2 3 4 5 ...
    var textArr = ["刘备","诸葛亮","赵云","关羽"];
    console.log(textArr[3])

3)数组的长度
    数组名.length;

4)遍历数组
    想到了for  遍历 数组
    getElementsByTagName()  得到一个伪数组

5)案例 隔行变色
    <script>
        window.onload = function(){
            var lis = document.getElementsByTagName("li");  // 得到所有的li
            //alert(lis.length);
            for(var i = 0; i<lis.length; i++)
            {
                if(i%2 == 0)  // 只有偶数能被2整除
                {
                    lis[i].style.backgroundColor = "#eee";
                }
                //鼠标经过li 的时候， 当前的底色变亮
                lis[i].onmouseover = function(){
                    this.className = "current";
                }
                lis[i].onmouseout = function(){
                    this.className = "";
                }
            }
        }
    </script>

6)求平均值
    <script>
        var arr = [10,20,30,34,67];
        function avg(array){  // 封装求平均值函数
            var len = array.length;  // 数组的长度
            var sum = 0;
            for(var i=0; i<len; i++)
            {
                sum += array[i];   //     sum = sum +array[i];
            }
            return sum / len;
        }
        //a*=3   a= a*3
        console.log(avg(arr));
    </script>
    
    字符相连
    +
    数值相加  字符相连
    1+1 = 2;
    “你好” + “吗”     “你好吗”
    “你好” + 2      “你好2”
    
    “0” + 10          “010”
    10 - “2”        8
    所有的input  取过来的值  是  字符型。
    三元运算符  三目运算符
    一元：  a++  b++    +a  -a
    二元:   a+b   a>=b
    三元:   表达式 ? 结果1 : 结果2    等价于    if  else
    如果表达式结果为真 ， 则返回 结果1
    如果表达式结果为假，  则返回结果2
    if(3>5) {alert(“11”)} else { alert(22)}      ==
    3>5 ? alert(11) : alert(22)
    the king is always luck
    王老吉

4.    排他思想
    排他思想:
    首先干掉所有人，   剩下我自己
    <script>
        window.onload = function(){
            var btns = document.getElementsByTagName("button");
            for(var i=0;i<btns.length;i++)
            {
                btns[i].onclick = function(){
                    //清除所有人的 类名   只能用 for 遍历
                    for(var j=0;j<btns.length;j++)
                    {
                        btns[j].className = "";
                    }
                    //就剩下自己 就是一个 而且是点击那个
                    this.className = "damao";
                }
            }
        }
    </script>

5.    变量 和属性
    变量
    是独立存在的 自由自在的
    miss    小姐 女士
    属性和方法
    属于某个对象的 属性和 方法
    mrs
    
    var index = 10;  //变量  谁都可以使用
    var arr = [];   // 数组
    arr.index = 20;    // 自定义属性  他只能在arr 才能使用
    alert(arr.index);