第三章 函数与事件处理

1. 函数的要素:

函数名:如 alert、 parseInt 、……

函数的参数:传递给函数名的值,代表将被函数处理的数据,如alert ( ‘hello’ )

函数的返回值:函数执行的返回结果,如 confirm( ),其返回值为 true 或 false

2. 函数的定义:

使用 function 关键字定义函数

function funName(   [arg1, arg2,……]){

    functionBody;

    return returnValue(可选);

}

使用函数表达式定义函数

var funName = function ([arg1, arg2,……]) {

    functionBody;

    return returnValue(可选);

}

3.匿名函数:函数定义时,函数名是可选的,即可以定义没有函数名的函数,但该函数必须马上执行或赋值给一个变量(或事件)事件以on开头

4.函数调用

直接调用函数:使用( )运算符,调用一个函数; 可以向函数传递参数

在事件中调用函数:当事件产生时,JavaScript 可以调用函数来响应事件

5.函数的参数

<script type="text/javascript"> 形式参数

function add( num1,num2 ){

console.log( num1 + num2 );

}

add ( 1,2 );

</script>

输出:NaN、7、7

6.函数的返回值:函数调用时,一方面可以通过参数向函数传递数据,另一方面也可以从函数获取数据

 function 自定义函数名( 参数1,参数2…  ){

     函数体;

        return 返回值;

 }

function Max(x,y) {

var max;

max = x > y ? x : y;

return max;

}

var m;

m = Max(100,200);

alert("Max(100,200)=" + m);

7.函数的嵌套:在一个函数定义的函数体语句中出现对另一个函数的调用,这就是函数的嵌套调用;当一个函数调用另一个函数时,应该提前定义好被调用函数

8.全局变量

 在所有函数之外定义,或者没有通过 var 声明的变量

 其作用范围是同一个页面文件中的所有脚本 (全局变量)

9.局部变量

 通过 var 声明且定义在函数体之内的变量

 只作用于该函数体

10.事件:

  能被 JavaScript 检测到的活动

  用户动作(鼠标或键盘操作等)

  状态变化(加载、改变文本框内容等)

事件处理函数:

 当该活动发生时(称之为触发事件时),所执行的响应该活动的函数

事件三要素:1.在哪个HTML元素上发生?2.发生什么事件?3.程序作何处理(事件处理函数)?

11. 在 JavaScript 中,为元素添加事件的两种方法

 ①在 HTML元素 中,添加事件属性,绑定一个事件处理函数

② 在 JavaScript 中,为 HTML元素动态添加事件处理函数

12. 事件处理机制:当某一个事件触发时,会执行操作以响应该事件;当该事件再次发生时,响应操作会再次执行。

13. 常用事件类型

onload 页面加载事件(文档元素)—— 在页面或图像加载完成后立即发生。

onunload 页面退出事件 —— 在用户退出页面时发生。

14.表单事件(表单及表单控件元素)

15.鼠标事件(所有元素)

16.键盘事件

17.return语句可以不带表达式(例如:return;),此时返回值为undefined

  函数中可以不出现 return 语句,仍会返回值,该值为 undefined

18.事件处理机制:当某一个事件触发时,会执行操作以响应该事件;当该事件再次发生时,响应操作会再次执行。

19.响应事件的操作是一段代码(如函数),会捕获每一次事件触发的动作,然后执行该段代码。即事件处理机制中,函数的执行是由事件所触发的。

猜你喜欢

转载自blog.csdn.net/weixin_42202174/article/details/89282169
今日推荐