乙巳🐍年

img 标签 属性 意义

• src 包含图像的 URL，这个 URL 是相对于网页的 URL 来说的
• width 包含浏览器显示图像所用的宽度（以像素为单位）
• height 包含浏览器显示图像所用的高度（以像素为单位）
• alt 用来在非图形化浏览器中替代图像

创建翻转器

翻转器背后的思想很简单。有两个图像。第一个图像是原始（original）图像，它与网页的其他部分一起加载和显示。当用户将鼠标移动到第一个图像上时，浏览器快速地将第一个图像替换为第二个图像，即替换（replacement）图像，这样就产生了运动或动画效果。

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

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

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

标签 属性 意义
iframe 内部框架，它显示在进行调用的 HTML 页面中

• name JavaScript 也可以使用这个属性引用 iframe
• src iframe 页面的 URL

防止页面显示在框架中

别人可以将你的页面加载进他们站点上的框架中，使你的页面看起来就像是他们提供的内容。在 JavaScript 中，窗口形成一个层次结构，父窗口处于这个层次结构的顶层。当别人“拦截”你的页面时，他们会迫使它成为父窗口的子框架。图 5-1 显示当页面作为别人站点的一部分显示时的效果。可以使用脚本防止页面被拦截，并且迫使页面总是单独显示在浏览器窗口中。
JavaScript 可以迫使页面总是单独显示

1
2
3

if (top.location != self.location) {
  top.location.replace(self.location)
}

在 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';