乙巳🐍年

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

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

在本章中，你将学习如何使用 JavaScript 确保表单包含有效的信息，针对另一个字段中的数据检查一个字段中的数据，以及突出显示错误的信息，让用户知道需要修改什么。

在 Web 术语中，cookie 是一小段信息，当用户第一次访问 Web 服务器时，服务器将这些信息发送给浏览器。这个用户以后每次访问这个 Web 站点时，Web 服务器可以通过 cookie 识别这个用户。浏览器将 cookie（其中包含关于访问者的信息）作为纯文本文件保存在计算机硬盘上。

作为 JavaScript 开发人员，你可以用 cookie 做许多有意义的事情。如果你的站点要求注册，那么可以用 cookie 将访问者的用户名和密码保存在他们的硬盘上，这样他们就不需要在每次访问时都输入用户名和密码。可以跟踪用户已经访问过站点的哪些部分，以及统计用户的访问次数。

cookie 不能实现哪些操作：无法获得关于用户的任何真实信息，比如他们的电子邮件地址；无法使用 cookie 查看用户硬盘上的内容；cookie 也无法传输计算机病毒。cookie 只是用户硬盘上一个简单的文本文件，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 对象的方法。