JavaScript函数、对象和事件
1. 函数
- JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。
- 函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
- 圆括号可包括由逗号分隔的参数,由函数执行的代码被放置在花括号 {} 中:
1 2 3
| function name(参数 1, 参数 2, 参数 3) { 要执行的代码 }
|
- 当 JavaScript 到达 return 语句,函数将停止执行。
- 不使用 () 访问函数将返回函数声明而不是函数结果。name 引用的是函数对象,而 name() 引用的是函数结果。可以将函数对象赋值给变量(变量的值是函数定义)。
1 2 3 4
| function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } var x = toCelsius;
|
2. 对象
- JavaScript 对象也是变量,但是对象包含很多值。JavaScript 对象是被命名值的容器。
- 值以名称:值对的方式来书写(名称和值由冒号分隔),名称:值对被称为属性。
- 对象也可以有方法,方法是在对象上执行的动作。方法以函数定义被存储在属性中。方法实际上是以属性值的形式存储的函数定义。
1 2 3 4 5 6 7 8
| var person = { firstName: "Bill", lastName : "Gates", id : 678, fullName : function() { return this.firstName + " " + this.lastName; } };
|
- 在函数定义中,this 引用该函数的「拥有者」。
- 可以以两种方式访问对象属性:
1 2
| objectName.propertyName objectName["propertyName"]
|
3. 事件
- HTML 事件可以是浏览器或用户做的某些事情,比如:
- HTML 网页完成加载
- HTML 输入字段被修改
- HTML 按钮被点击
⋯
- 通过 JavaScript 代码,HTML 允许您向 HTML 元素添加事件处理程序。
- 一些常见的 HTML 事件:
事件 |
描述 |
onchange |
HTML 元素已被改变 |
onclick |
用户点击了 HTML 元素 |
onmouseover |
用户把鼠标移动到 HTML 元素上 |
onmouseout |
用户把鼠标移开 HTML 元素 |
onkeydown |
用户按下键盘按键 |
onload |
浏览器已经完成页面加载 |