JavaScript中的函数、事件

什么是函数

1. 类似于java中的方法，是完成特定任务的代码。
2. 不需要定义属于某个类，可以直接定义直接使用。
3. 函数分为：

• 自定义函数。
• 系统函数。

自定义函数

1. 语法：

function 函数名（参数列表）{
// JS语句
[return 返回值]  // 返回值根据需求可有可无
}

• 参数类表只需要写参数名即可，不需要参数类型，因为JS是弱类型编程语言，都是var类型的变量。

2. 调用函数

• 函数名（实参列表）;
• 或者和事件一起使用。
  事件名 = " 函数名（）"；

3. 匿名函数
   变量可以存储匿名函数
   

4. 回调函数

• 第一种方式就是使用我们所学的匿名函数，把匿名函数赋值给一个变量，将变量作为实参。
• 第二种方式直接在实参的位置写匿名函数。
  
  网页显示效果：
  

5. JS语法没有严格的要求，过去灵活。调用函数时可以不按照参数个数传递参数，所以JS中没有方法的重载。
   如果出现同名的函数，后边的函数会将前边同名的函数覆盖掉。

常用系统函数

• parseInt(“字符串”)：将字符串转换为整形数字。
• parseFloat(“字符串”)：将字符串转换为浮点型数字。
• isNan()：用于检查参数是否是非数字。

Data日期函数常用类

1. setTimeout(“调用的函数” ，等待的毫秒数)；

• 等待多少毫秒后调用指定的函数。

2. setInterval(“调用的函数”，间隔的毫秒数);

• 周期性的循环调用指定函数

3. 清除函数

• clearTimeout(setTimeout返回的ID值)
  例如：

var  myTime＝setTimeout("disptime() ", 1000 );
    clearTimeout(myTime)；

• clearInterval(setInterval()返回的ID值)
  例如：

var  myTime＝setInterval("disptime() ", 1000 );
     clearInterval(myTime)；

事件

1. 什么是事件？
   事件是由浏览器提前设计好的，开发者可以给网页标签绑定一些事件，并且提前编写好一个函数，将事件绑定上函数，当用户触发某一个事件，浏览器发现事件被触发，就会调用我们之前绑定的函数。

• 点击事件：onclick;
• 鼠标移入事件：onmouseover;
• 鼠标移出事件：onmouseout;
• 输入框获取焦点事件：onfocus;
• 输入框失去焦点事件：onblur;
• 表单提交事件：onsubmit;
• 内容被改变事件：onchange;
• 页面或图像加载完成事件：onload;
• 某个键盘按键被按下事件：onkeydown;

2. 举例事件的使用方法，这里以点击事件为例：