Javascript的第三天

1、

. 函数  function   

   函数的声明    函数的  调用    函数的传参 

 2. 函数返回值 

   Return    返回结果     返回给函数  

   Id 函数

     function $id(id) { return document.getElementById(id);}

1.  获得焦点  onfocus       onblur  失去焦点
2.  this  这个 自己的     指向的是  事件调用者
3.   InnerHTML  属于盒子的内容     表单的内容 value
4.   表单自动获得焦点   focus()    选择表单内容   select();
5.   For(var i = 0; i<100;i++) {  }   遍历  
6.   For(;;){ }     死循环 
7.   GetElementById()  id元素  一个    
8. getElementsByTagName()  很多个

3、案例 隔行变色

<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>

1. 1. 1. 求平均值

<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>