丙午🐎年

表单可以包含大多数常见的图形界面元素，包括输入字段、单选按钮、复选框、弹出菜单和输入列表。另外，HTML 表单可以包含密码字段，这种控件可以避免用户的输入被别人偷看。

在填写表单之后，单击表单上的 Submit 按钮，会将表单的信息发送到 Web 服务器，在服务器上服务器端脚本会解释并操作这些数据。通常，将数据存储在数据库中供以后使用。在服务器端存储数据之前，需要确保用户输入的数据是“干净”的，也就是说，数据是准确的且具有正确的格式。JavaScript 是检查数据的好方法，这种技术称为表单验证（form validation）。尽管服务器端脚本可以完成验证（而且应该作为预防措施，因为有些用户会在浏览器中关闭 JavaScript 功能），但是在客户机上用 JavaScript 进行验证要快得多，而且用户操作的效率也更高。

数组是什么?

数组通常被描述为“像列表一样的对象”; 简单来说，数组是一个包含了多个值的对象。数组对象可以存储在变量中，并且能用和其他任何类型的值完全相同的方式处理，区别在于我们可以单独访问列表中的每个值，并使用列表执行一些有用和高效的操作，如循环 - 它对数组中的每个元素都执行相同的操作。

创建数组
let shopping = ['bread', 'milk', 'cheese', 'hummus', 'noodles']; shopping;

访问和修改数组元素

1
2
3
4

// 通过下标访问
console.log(shopping[0]);
// 修改数组元素
shopping[0] = 'tahini';

HTML DOM (文档对象模型)

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。

HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。通过 DOM，你可以访问所有的 HTML 元素，连同它们所包含的文本和属性。

HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。

HTML DOM 模型被构造为对象的树:

查找 HTML 元素
通常，通过 JavaScript，您需要操作 HTML 元素。

为了做到这件事情，您必须首先找到该元素。有三种方法来做这件事：

• 通过 id 找到 HTML 元素 document.getElementById("myBtn")
• 通过标签名找到 HTML 元素
• 通过类名找到 HTML 元素

JavaScript Window - 浏览器对象模型
浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。

Window 对象是 BOM 中所有对象的核心，除了是 BOM 中所有对象的父对象外，还包含一些窗口控制函数。

Window 对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

函数定义

在 JavaScript 中另一个基本概念是函数, 它允许你在一个代码块中存储一段用于处理单任务的代码，然后在任何你需要的时候用一个简短的命令来调用，而不是把相同的代码写很多次。

函数声明 (函数语句)

1

function name([param[, param[, ... param]]]) { statements }

函数表达式 (function expression)

您可以创建一个没有名称的函数(匿名函数)：

1
2
3

function() {
  alert('hello');
}