函数作用域事件

函数

函数的定义

函数是一段具备特定功能的代码段。

函数语法

关键字是function，例如：

function functionName(argument，argument){

//代码块

}

函数种类

无参无返回值

无参有返回值

有参无返回值

有参有返回值

第二种定义函数的格式

把函数传给一个变量，可以通过函数名调用函数，例如：

//定义函数，传给变量

var name = function(){

//代码块

}

//调用函数

name();

递归函数

递归函数的定义

自己调用自己的函数。

注意点：

递归函数要有一个明确的结束条件；考虑到性能问题，要慎用递归；实际开发中也很少用。

变量的作用域

局部变量

定义：

函数内部使用var声明的变量。

特点：

只能在函数内部访问它；

只要函数运行完毕，局部变量就会被删除。

因此，可以在不同函数中定义名称相同的局部变量。

全局变量

定义：

在函数外部声明的变量，以及函数中没有使用var来声明的变量，例如：

var a = 1;

function(){

b = 2;

var c = 3;

}

其中，a和b是全局变量

特点：

网页上所有脚本和函数都能访问全局变量。

生命周期：由被声明开始，到页面关闭时结束。

变量提升

在函数内部声明定义一个和外部变量名称一样的变量时，函数把内部变量的声明会提升到第一行，而赋值位置不变。

初识DOM

Document Object Model，文档对象模型，简单来说就是把网页抽象成由对象组成的树状结构。

js中一般使用document.getElementById("id")来获取元素;

事件

事件三要素

1.事件源

2.事件（鼠标单击，鼠标双击，按下并释放键盘上的一个按键等）

3.事件处理程序

事件源.事件 = function(){事件处理程序}

常见事件

onclick 鼠标单击

ondblclick 鼠标双击

onchange 文本内容或下拉菜单中的选项发生改变

onfocus 获得焦点

onblur 失去焦点

onmouseover 鼠标悬停

onmouseout 鼠标移出

onload 网页文档加载事件

onunload 关闭网页时

入口函数

window.onload()；当整个文档加载完以后调用