Logo
Section 1 / 4

创建标记

学习如何使用 HTML 标记语言配合 JavaScript 创建一个简单的表单。

导入

创建标记

学习如何使用 HTML 标记语言配合 JavaScript 创建一个简单的表单。

简介

之前,你已经学习了如何编写基础的 JavaScript 代码。在本章中,你将了解如何将 JavaScript 与 HTML 和 CSS 结合使用。

本章的目标并不是教你 CSS 的基础知识或 JavaScript 按钮点击事件处理的基本方法,而是展示 HTML、CSS 和 JavaScript 如何协同工作并进行结构化组织。

...
JavaScript与HTML结合

创建标记结构

访问一个网站时,我们需要定义其 HTML 标记、一些样式信息以及一些动态功能。

标记部分使用 HTML 编写。HTML 是超文本标记语言的缩写。

让我们创建一个简单的示例:一个包含文本输入框和一个按钮的表单。当点击按钮时,会通过弹出提示框显示一条问候语。

No configuration found for ID: 85ffbff710e5277d85981e48e75eb35f2c1b3e7bb23158d40f0cc0f8e3861f5c

如果你点击“输出”标签页,页面会显示你编写的 HTML 内容。你可以看到一个文本输入框,可以输入你的名字。但当你点击“问候”按钮时,输入框中的内容却消失了。这个问题需要通过 JavaScript 来解决。

在 JavaScript 中使用字符串

添加 JavaScript 代码