使用脚本，canvas 元素用于立即创建图形（通常是 JavaScript）。此标签仅在 HTML5 中引入。该元素仅作为图像的占位符。要绘制视觉效果，必须使用脚本。有很多方法可以在画布上绘制路径、框、圆、字符和添加图像。语法 这是一个简单的 HTML 示例，用于描述 canvas 的用法 − DOCTYPE html> var c=document.getElementById("myCanvas"); var ... 阅读更多

parseInt(string) parseInt() 方法解析到第一个非数字字符并返回已解析的值。 例如，以下代码返回 765：parseInt("765world") 让我们来看另一个例子。以下代码返回 50：parseInt(‘50px”); Number(string) Number() 将字符串转换为数字，顺便说一下，它也可以是浮点数。 例如，以下代码返回 NaN：Number(“765world”) 以下代码返回 NaN：Number(“50px”);

使用 placeholder 属性让用户知道所需的输入格式是 YYYY，并使用 min 和 max 属性来限制可能的范围。在新的 Date 的第一个参数中，在 input 事件期间传递 value 或 valueAsNumber () 以下是示例…… 示例 在下面的示例中，我们使用 placeholder 来说明输入类型是年份。DOCTYPE html> document.querySelector("input[type=number]") .oninput = e => console.log(new Date(e.target.valueAsNumber, 0, ... 阅读更多

允许的数字间隔由 HTML 输入类型 step 属性确定。步骤是数字步骤，例如 0、2、4、6、8 等。要构建一系列有效值，请将 step 属性与 max 和 min 属性结合使用。它们在一个范围内建立一个步进间隔，通过左右移动滑块或上下旋转微调器来执行。如果未明确提及，则会为各种输入值分配默认步骤。语法 不同输入值的默认步进值如下所示 − 输入类型 ... 阅读更多

在 Web 文档中使用 br 标签有多种正确方法。在 HTML 中，换行符是用标签创建的。我们不需要关闭它，因为它是一个空标签。要换行，可以使用 或 。但是，标签用于其他 Web 文档，如 XHTML。但是标签必须在尾随 /> 之前有一个空格，因为它有助于 XHTML 呈现现有的 HTML 用户代理。语法 文本 文本 以下是示例…… 示例：（使用）在下面的示例中，我们使用 ... 阅读更多

要在 HTML 表单中允许上传多个文件，请使用 multiple 属性。multiple 属性适用于电子邮件和文件输入类型。要限制多个输入上的最大项目数，请使用 JavaScript。通过此方法，可以限制要上传的文件数量。例如，假设一次只能上传 2 个文件。您可以尝试运行以下代码来了解如何在 HTML 中使用 multiple 属性。这样，我们将使用 JavaScript 限制上传的文件数量。示例 现场演示 HTML 文件上传 ... 阅读更多

HTML5 Geolocation API 允许您与您最喜爱的网站共享您的位置。Javascript 可以捕获您的经纬度，并可以发送到后端 Web 服务器，并执行一些精细的位置感知操作，例如查找本地企业或在地图上显示您的位置。地理位置坐标指定设备的地理位置。我们将使用 getCurrentPostion() 方法来获取当前位置。要使用 HTML5 Geolocation 和 Google 地图获取当前位置，您需要为 Google 静态地图 API 设置 API 密钥。访问 https://console.developers.google.com 并获取 Google 地图的免费 API 密钥。添加此密钥 ... 阅读更多

本地存储专为跨越多个窗口并持续存在于当前会话之外的存储而设计。特别是，Web 应用程序可能希望出于性能原因在客户端存储数兆字节的用户数据，例如整个用户创作的文档或用户的邮箱。HTML5 localStorage 在浏览器中保存字符串数据，并且持续存在于当前会话之外。localStorage 存储数据，没有到期时间，而 sessionStorage 仅限于会话。当浏览器关闭时，会话将丢失。当浏览器关闭时，数据不会被删除。在这里，我们将保存名称为例。您可以 ... 阅读更多

Favicon 是在网页浏览器选项卡上可见的小图标，位于页面标题之前。它通常是一个较小尺寸的徽标。您不能使用 CSS 添加大小。标准不支持使用 CSS 添加 Favicon 大小。让我们使用属性添加它，添加上面的 Favicon 后的结果将是，

void 运算符用于计算给定的表达式。之后，它返回 undefined。它使用 void(0) 获取 undefined 原生值。如果将表达式插入网页会导致意外效果，则使用 JavaScript void 删除它。添加 JavaScript:Void(0)，返回 undefined 原生值。void 运算符用于计算给定的表达式。之后，它返回 undefined。它使用 void(0) 获取 undefined 原生值。我们在上面使用 JavaScript:void(0) 来防止在第一次单击按钮时页面重新加载。它仅在按钮被单击两次时才有效。如果它被点击 ... 阅读更多