JavaScript函数与事件

函数：将一段特定的功能所包含的代码进行包装，放入一个代码块，方便调用，这种代码块就叫做函数。（JS中的函数类似于C# 中的方法）
一，JavaScript自定义函数
1，语法：
function 函数名（形参1，形参2，……）{
语句
}

2，定义函数的规则
1）使用function关键字（function的中文意思就是功能）
2）函数名后面（）放入参数，也可以不放
3）{}大括号用来放入特定功能的若干语句
4）函数的命名规则和变量的命名规则相同

3，函数的调用
1）函数不会自己调用，需要用到**函数名（参数）**进行调用

4，函数的参数
函数的参数是外部对内部信息的传递
1）参数：参数也是一种变量，但这种变量只能被函数体内的语句使用，在函数被调用的时候赋值，他们也被称之为形式参数
（参数的命名和变量的命名规则是相同的，只是不需要用Var进行声明）
2）JavaScript中函数参数的特殊性
-函数声明了参数，调用的时候也可以不传递参数
-不管函数声明了多少参数，调用函数时都可以传递任意量的参数，因为函数在被调用时，一个arguments对象就会被创建
a：arguments.length代表参数的数量
b: arguments[i] 代表参数值本身

5，函数的返回值
函数的返回值是将内部的值向外部进行传递（与函数的参数之间就形成了一个闭环，值与值之间的相互传递）
语法：return 返回值

6，匿名函数
1）匿名函数就是没有函数名的函数
2）语法：
function（形参1，形参2，……）{
语句
}
3）匿名函数的调用
匿名函数的调用方式有两种
第一种：
（function（形参1，形参2，……）{
语句
}）（形参1，形参2，……）
第二种
因为函数也是一种数据类型，是function类型，所以可以通过赋值给变量，变量再像函数一样调用就行了
调用语法：变量（参数1，参数2，……）

7，变量的作用域
变量的作用域分为全局变量和局部变量
全局变量是在函数体外声明的，可以在任何地方，包括函数内部使用。
局部变量是在函数体内声明的，只能在函数体内使用
如果全局变量和局部变量出现重名的情况下，局部变量优先。就是说不论局部变量的值如何改变，全局变量的值都不会受到影响。

二，JavaScript系统函数
1，parseInt（）函数
作用：将字符串转化为整数
操作：从字符串的开头进行解析，在第一个非整数位置停止解析并返回前面读到的所有整数。如果字符串开头不是整数，将返回NaN（not a Numner:非数字值）

2，parseFloat（）函数
作用：返回浮点数
操作：和parseInt（）效果类似

3，isNaN（）函数
作用：判断是否是整数
结果：是整数就返回false，不是整数就返回true

4，trim（）函数
作用：去掉空格

5，alert（）函数
作用：打印结果

6，eval()函数
作用：以字符串的形式表示JavaScript代码串，并返回代码串执行的结果

7，document.getElementById(“id名”)函数
作用：通过获取HTML的标签元素的ID名，来引用id名所对应的标签

三，JavaScript事件
JavaScript是基于事件驱动的脚本语言。
1，事件：通过鼠标或者按键在浏览器窗口或者网页标签上执行的操作称之为事件。
例如鼠标单击按钮，移动窗口，选择菜单等等操作都可以视为事件，事件不但可以在与用户交互过程中产生，浏览器自己的一些动作也会产生事件。例如浏览器加载就有加载事件。

2，事件驱动：将代码与事件源发生的事件绑定，只要触发事件，浏览器就会自动执行与之绑定的程序代码。这个过程就叫做事件驱动

3，事件处理程序：对事件进行处理的程序或者函数就被称之诶事件处理程序，它完成了对事件响应的动作。

4，事件绑定
有两种方式将对象事件与处理程序代码进行绑定
第一种：在HTML代码中，通过在HTML标签上增加事件的属性，让属性值等于处理该事件的函数
第二种：在JavaScript代码中，通过通过设置元素对象的事件属性，让事件属性值等于处理该事件的函数名

5，JavaScript的常用事件
1）onclick事件：鼠标事件
过程：单击页面元素时触发的事件
2）onmouseover事件：鼠标移入事件
过程:鼠标移入页面元素时触发的事件
3）onmouseout事件：鼠标移出事件
过程：鼠标移出页面元素时触发的事件
4）onload事件：页面加载事件
过程：页面加载时候会触发的事件
5）onblur事件：失焦事件
过程：当焦点离开元素后触发的事件
5）onfocus事件：获焦事件
过程：当焦点进入元素后触发的事件，与onblur正好相反
6）onchange事件：通常指输入框的值发生改变或者下拉列表框选项发生改变时候触发的事件
7）onsubmit事件：表单事件
过程：可以让你对提交的页面进行处理，比如判断提交条件提交，不提交，或者改变提交地址等