05_JS函数

函数(function)

函数： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数的声明

函数使用跟变量一样，需要 声明

自定义函数

function func(){
    alert(123);
}
func();//函数不调用，自己不会执行

函数直接量声明

var fun1 = function(){
    alert("直接量声明")
}
fun1();  也需要调用

利用Function 关键字声明

var fun2 = new Function("var a = 10; var b = 20; alert(a+b)");
fun2();

变量提升

上面的结果打印的不是10，而是undefined
上面的代码等价于====》

在函数体内部生命变量，会把该变量的声明放在函数体的最顶端，但是只是提升变量声明，不赋值(赋值还在原处)。

函数参数

• arguments是存储了函数传送过过来实参
• Javascript在创建函数的同时，会在函数内部创建一个arguments对象实例.
• arguments对象只有函数开始时才可用。函数的 arguments 对象并不是一个数组，访问单个参数的方式与访问数组元素的方式相同
• arguments对象的长度是由实参个数而不是形参个数决定的

例：

    
    
    
    


    

        ![](images/01big.jpg)
        

            
![](images/01.jpg)
            
![](images/02.jpg)
            
![](images/03.jpg)
            
![](images/04.jpg)
            
![](images/05.jpg)
        
    

返回值 return

• 定义：
  　　一个函数实际上就是一个计算过程，计算完成之后的结果就是返回值。
• 定义函数的返回值：
  　　在函数内部用return来设置返回值，一个函数只能有一个返回值。
  　　同时，终止代码的执行。
• 所有的自定义函数默认没有返回值；
• Return 后面不要换行

焦点的事件

我们前面学过了 onclick 点击 onmouseover， onmouseout。

• 获得焦点: onfocus
• 失去焦点: onblur

例：搜索框校验

this、className、innerHTML、value

• 指的是本身，This 主要是指事件的调用者 。
• className 类名

$("result").className ="wrong";

• innerHTML
  更换 盒子里面的内容 文字 标签都换.
• 表单更换内容
  Input.value
• isNaN ： NaN 表示不是一个数字，isNaN是不是 不是一个数字
• isNaN(“12”) 如果里面的不是个数字 返回 true 否则返回false

例： 表单验证

    
    
    
    


    

        语文成绩：
        
        请输入语文成绩
    

表单自动获得焦点

Input.focus(); 方法
会触发onfocus事件

鼠标经过选择表单

 sele.onmouseover = function(){
    this.select(); //选择
}

getElementsByTagName() 获取某类标签

前面我们可以通过id得到一个盒子：getElementById()只得到一个盒子
我们想要获取某类标签 比如说所有 的div、li、span：getElementsByTagName(); 很多个所以是复数
getElementsByTagName();返回值是一个伪数组。