JavaScript 函数与事件_js函数事件-优快云博客

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 事件的默认处理方式