摘要：页面生命周期 HTML页面的生命周期有以下三个重要事件： DOMContentLoaded — 浏览器已经完全加载了HTML，DOM树已经构建完毕，但是像是 和样式表等外部资源可能并没有下载完毕。 用途: DOMContentLoaded - DOM加载完毕，所以js可以访问所有DOM节点，初始化界 阅读全文

摘要：一、修改文档 open 打开一个要写入的文档。 语法： document.open(); ❗️这将会有一些连带的影响： 此时已注册到文档、文档中的节点或文档的 Window 的所有事件监听器会被清除文档中的所有节点会被清除 ❗️当 document.write() 在页面加载后调用，会发生自动的 d 阅读全文

摘要：一、文档类型定义 doctype 通过 document.doctype 可以获取文档关联的文档类型定义。 返回的对象实现了 DocumentType 接口的DocumentType 对象 const doc = document.doctype; 属性： entities: 返回包含有在 DTD 阅读全文

摘要：ES5中构造函数 ECMAScript中的构造函数可以用来创建特定类型的对象，像Object和Array这样的原生构造函数，在运行时会自动出现在执行环境中。此外，我们还可以创建自定义的构造函数，从而自定义自定义对象类型的属性和方法。例如： function Person(name,age,job){ 阅读全文

摘要：对象 在JavaScript中，对象是一组无序的相关属性和方法的集合,所有的事物都是对象，例如字符串、数值、数组、函数等。对象是由属性和方法组成的。 属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中用方法来表示（常用动词） 保存一个值时，可以使用变量，保存多个值（一组值 阅读全文

摘要：下面的兼容性表格尝试总结 HTML 表单的 CSS 支持状况。由于 CSS 和 HTML 表单的复杂性，不能把这些表格当作完善的参考。但是，它们可以让你很好地洞察什么能做什么不能做，这将会对你学习使用有很好地帮助。 如何阅读表格 值 对于每个属性，有四种可能地取值： ✅ 支持 此属性具有相当一致的跨 阅读全文

摘要：正如在前面的文章 (en-US)中讲到的，HTML 表单可以声明式地发送一个 HTTP 请求。但也可以通过 JavaScript 来为表单准备用于发送的 HTTP 请求。本文探讨如何做到这一点。 表单不总是表单 在开放式 Web 应用程序中，使用 HTML form 而不是文字表单让人们来填写变得越 阅读全文

摘要：在许多情况下，可用的 HTML 表单小组件 (en-US)是不够的。如果要在某些小部件（例如 <select>元素）上执行高级样式 (en-US)，或者如果要提供自定义表现，则别无选择，只能构建自己的小部件。 在本文中，我们会看到如何构建这样的组件。为此，我们将使用这样一个例子：重建 <select 阅读全文

摘要：本文将讨论当用户提交表单时发生了什么——数据去了哪，以及当它到达时该如何处理？我们还研究了与发送表单数据相关的一些安全问题。 数据都去哪儿了？ 在这里，我们将讨论在提交表单时数据会发生什么。 客户端/服务器体系结构 web 基于非常基本的客户端/服务器体系结构，可以总结如下:客户端(通常是 web 阅读全文

摘要：表单校验帮助我们确保用户以正确格式填写表单数据，确保提交的数据能使我们的应用程序正常工作。本文将告诉您需要了解的有关表单校验的内容。 什么是表单数据校验？ 访问任何一个带注册表单的网站，你都会发现，当你提交了没有输入符合预期格式的信息的表单时，注册页面都会给你一个反馈，这些信息可能看起来像下面这样的 阅读全文

摘要：在本文中，我们将看到HTML表单怎样使用CSS装饰难以定制的表单小部件。如前面章节 (en-US)所示，文本域和按钮完全可以使用 CSS，现在我们将深入探索 HTML 表单样式。 在继续之前，让我们回忆一下两种表单小部件： bad 这个元素很难设计，需要一些复杂的技巧，有时还涉及到高级的 CSS3 阅读全文

摘要：在这篇文章中，用户将学习如何使用 HTML 表单和 CSS 以使页面更加美观。令人惊讶的是，这可能有点棘手。由于历史和技术的原因，表单部件不能很好地与 CSS 配合工作。由于这些困难，许多开发人员选择构建自己的 HTML 小部件 (en-US)以获得更好的控制和视觉观感。然而，在现代浏览器中，web 阅读全文

摘要：现在我们来具体看看非 <input> 表单控件的功能，从下拉列表菜单（drop-down list）、多行文本域（multi-line text field）到其他有用的表单功能，如我们在前一篇文章看到的 <output> 元素和进度条（progress bar）元素。 多行文本域 多行文本域使用  阅读全文

摘要：在前一篇文章中我们学习了 <input> 元素，涵盖了自 HTML 早期以来可用的 type 属性的原始值。现在我们来具体看一看较新的表单控件，包含一些新添加至 HTML 5 的 input 类型，以允许收集更多特定类型的数据。 ❗️备注： 本篇文章中讨论的大多数特性都受到了广泛支持，如果有任何例外 阅读全文

摘要：在上一篇文章中，我们标记了一个功能性的 web 表单示例，介绍了一些表单部件和常见的结构元素，并重点介绍了无障碍的最佳实践。现在，我们将详细研究不同表单部件的功能，查看了哪些选项可用于收集不同类型的数据。这个指南有些详尽，涵盖了所有可用的原生表单小部件。 ❗️备注： widget 在本页面中被统一翻 阅读全文

摘要：有了基础知识，我们现在更详细地了解了用于为表单的不同部分提供结构和意义的元素。 HTML 表单的灵活性使它们成为 HTML 中最复杂的结构之一;您可以使用专用的表单元素和属性构建任何类型的基本表单。在构建 HTML 表单时使用正确的结构将有助于确保表单可用性和无障碍。 <form> 元素 <form 阅读全文

摘要：本系列的一篇文章为你提供了第一次创建 web 表单的经验，包括设计一个简单表单、使用正确的 HTML 表单控件和其它 HTML 元素实现它、通过 CSS 添加一些非常简单的样式，以及如何将数据发送到服务器。稍后我们将在这一章节中更详细地扩展这些主题。 web 表单是什么？ web 表单是用户和 we 阅读全文

摘要：现代 web 浏览器提供了很多在用户电脑 web 客户端存放数据的方法 — 只要用户的允许 — 可以在它需要的时候被重新获得。这样能让你存留的数据长时间保存，保存站点和文档在离线情况下使用，保留你对其站点的个性化配置等等。本篇文章只解释它们工作的一些很基础的部分。 客户端存储？ 在其他的 MDN 学 阅读全文

摘要：HTML5 提供了用于在文档中嵌入富媒体的元素 — <video>和<audio> — 这些元素通过自带的 API 来控制视频或音频的播放，定位进度等。本文将向你展示如何执行一些常见的任务，如创建自定义播放控件。 HTML5 视频和音频 <video>和<audio>元素允许我们把视频和音频嵌入到网 阅读全文