乙巳🐍年

acc8226 的博客

发表于 分类于 ，

标签 属性 意义
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)
}
阅读全文 »

发表于 分类于 ，

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

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

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

标签 属性 意义
form 这个标签包含下面的任何标签，构成有效的 HTML 表单
  action 在 Web 服务器上处理数据的服务器端脚本的名称
input 这个标签显示不同类型的表单字段，具体取决于 type 属性的值
  name 主要用来对单选按钮进行分组
  maxlength 用户可以在这个字段中输入的数据的最大长度
  size 在页面上显示的字符数量
  type 所需的输入控件类型，有效值是 button、checkbox、image、password、radio、reset、submit 和 t ext
  value 预先为这个表单字段设置的值
label 用来为没有内置标签的控件指定标签，比如文本字段、复选框、单选按钮和菜单
  for 将标签与特定元素的 id 关联起来
option 在 select 标签中可用的选项
  selected 指出这个选项是否作为默认选项
  value 每个选项的预设值
select 这种表单字段显示弹出菜单或滚动列表（取决于 size 属性）
  size 在页面上显示的选项数量。如果这个属性设置为 1，或者没有提供这个属性，就会显示弹出菜单
阅读全文 »

发表于 更新于 分类于 ，

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

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

cookie 不能实现哪些操作：无法获得关于用户的任何真实信息，比如他们的电子邮件地址；无法使用 cookie 查看用户硬盘上的内容；cookie 也无法传输计算机病毒。cookie 只是用户硬盘上一个简单的文本文件，JavaScript 开发人员可以在其中存储一些信息，仅此而已。

阅读全文 »

发表于 分类于 ，

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 元素
阅读全文 »

发表于 分类于 ，

数组是什么?

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

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

访问和修改数组元素

1
2
3
4
// 通过下标访问
console.log(shopping[0]);
// 修改数组元素
shopping[0] = 'tahini';
阅读全文 »
0%