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;      // function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); }

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 事件可以是浏览器或用户做的某些事情，比如：
  1. HTML 网页完成加载
  2. HTML 输入字段被修改
  3. HTML 按钮被点击
    ⋯\cdots
  • 通过 JavaScript 代码，HTML 允许您向 HTML 元素添加事件处理程序。
  • 一些常见的 HTML 事件：
事件 描述
onchange HTML 元素已被改变
onclick 用户点击了 HTML 元素
onmouseover 用户把鼠标移动到 HTML 元素上
onmouseout 用户把鼠标移开 HTML 元素
onkeydown 用户按下键盘按键
onload 浏览器已经完成页面加载