JavaScript 函数与事件

 1. JavaScript自定义函数
    语法：
    function 函数名（参数列表）{
        方法体;
    }
    
    在函数被调用时，一个 arguments 对象就会被创建，它只能使用在函数体中，以数组的形式来管理函数的实际参数
    return:函数的返回值能够将一个函数内部产生的结果返回给外部语句使用。
 
    return 的两种使用情况：
        1.用于结束程序，return后面没有任何返回值；
            return;
        2.用于返回值，return后面需要给定返回的值；
            return area;

    匿名函数（拉姆达函数）：
        方式一：
            (函数体)(传递参数);
            (function(参数列表){
                //方法体
                var area=width*height;
            })(4,5);
    
        方式二：
            变量=(函数体);
            var area=(function(参数列表){
                //方法体
                var area=width*height;
            });
            //调用函数
            area(4,5);
            
    变量的作用域主要分为全局变量和局部变量两种
    全局变量是在函数体外部声明的，可以在任何地方，包括函数的内部使用;
    局部变量是在函数体内声明的，只能在函数体内使用。局部变量随着函数的结束而消失。
    
    JavaScript系统函数：
        1. parseInt()函数："4t" "4f32" ""
        概念：parseInt函数将字符串转换为整数。它从字符串的开头开始解析，在第一个非整数位置停止解析并返回前面读到的所有整数。如果字符串不是以整数开头，将返回NaN(Not a Number：非数字值)
        
        2. parseFloat()函数：
        概念：parseFloat()函数和parseInt()函数类似，只不过它是返回一个浮点数
        .7=0.7
        -.4=-0.4
        3. isNaN()函数：
        概念：isNaN() 函数用于判断参数是否是NaN（不是数字）。如果是 NaN， 那么 isNaN 函数返回 true ，否则返回 false

            1）.是否是NaN     a3? true    ""? false
            2）.是不是数字    3a? true    33? false
     
        4. eval函数：
        概念：eval() 函数运行是以字符串形式表示的 JavaScript 代码串，并返回执行代码串后的结果
    
    代码示例：
    请输入表达式：

<input type="text" id="testEval" />
        <button onclick="getEval();">计算</button>
        <script type="text/javascript">
            //eval() 函数运行是以字符串形式表示的 
            //JavaScript 代码串，并返回执行代码串后的结果
            function getEval(){
                //1.获取输入框中的值
                var value=document.getElementById("testEval").value;
                alert("计算结果是："+eval(value));
            }
        </script>

    事件：
    概念：用户使用鼠标或键盘在浏览器窗口或页面元素上执行的操作。
    ☆事件源：要操作的对象就是事件源
  

 <input type="button" onclick="login();" value="登录" />
        <script type="text/javascript">
            /*
             * ☆登录函数:事件处理程序
             * ☆onclick="login();":事件的驱动（绑定）
             */
            function login(){
                //拿到输入框的对象
                var name=document.getElementById("username").value;
                alert("登录的账号是："+name);
            }
        </script>

        
    常见事件：
        1.onclick 事件：鼠标单击页面元素时触发的事件
        2.onmouseover 事件和 onmouseout               

    事件：鼠标移入、移出页面元素时触发的事件
        3.onmousemove 事件：鼠标指针移动时发生的事件
        4.onload 事件：页面加载完成后立即发生
        5.onblur 事件：光标或者焦点离开元素后触发的事件
        6.onchange事件：输入框的值发生了变化或者改变下拉列表框的选项时会触发的事件
        7.onsubmit表单提交事件：阻止提交数据到指定的页面，就需要编写一个事件处理程序来改变浏览器对form标签的 onsubmit 事件的默认处理方式