函数作用域事件
函数
函数的定义
函数是一段具备特定功能的代码段。
函数语法
关键字是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();当整个文档加载完以后调用