要获取网页的当前屏幕大小，可以使用 window.inner。我们也可以使用 window.outerWidth 和 window.outerHeight，如下所示，以获取 web 浏览器窗口的外部宽度和高度。我们将看到两个示例——获取内部宽度和高度 获取外部宽度和高度 获取内部宽度和高度 要获取网页的当前屏幕大小，可以使用 window.innerWidth 和 window.innerHeight——var wd = window.innerWidth; var ht = window.innerHeight; 示例 让我们来看一个示例——DOCTYPE html> ... 阅读更多

不，我们不能在 HTML 中为不同的元素使用相同的 ID。ID 在整个 HTML 页面中必须唯一。即使是官方的 HTML 标准也建议这样做——使用唯一的 id 属性 示例 让我们来看一个示例。在这里，我们使用了 id 属性——DOCTYPE html> #myHeader { border: 3px solid violet; background-color: blue; ... 阅读更多

在 HTML 中，placeholder 属性用于创建占位符，但不幸的是，它不适用于选择框。为选择框创建占位符 我们可以使用 option 标签在选择列表中定义一个选项。option 标签的 value 属性用于此目的。在这里，我们将“技术列表”设置为占位符文本——技术列表 示例 现在让我们来看完整的示例——DOCTYPE html> select { appearance: ... 阅读更多

jQuery attr() 方法用于更改超链接的 href 属性。Query attr() 方法用于从匹配的 HTML 元素中获取任何标准属性的值。让我们来看一个例子。首先，获取当前 URL——var httpUrl = $(this).attr("href"); 使用 replace() 创建一个新的 URL 以替换上面的 URL——var httpsUrl = httpUrl.replace("http://", "https://"); 我们将使用上面看到的方法将 https 链接转换为链接——Tutorialspoint Tutorialspoint 课程 Tutorialspoint 电子书 Tutorialspoint QA 示例 让我们来看完整的示例以更改…… 阅读更多

要在 JavaScript 中取消转义 HTML 实体，请使用 unescape() 函数。假设您想使用 unescape() 函数编码特殊字符——document.write(unescape("Demo%20Text%20")); 在本文中，我们将看到两个示例——取消转义实体 解码编码的字符串 取消转义实体 示例 Lo unescape，我们将使用 JavaScript 中的 unescape() 方法。让我们来看一个示例——DOCTYPE html> 演示标题 document.write(unescape("Demo%20Text%20")); 输出 解码编码的字符串 使用 escape() 进行编码…… 阅读更多

假设我们有 padding: 50px 10px; 用于输入，并希望它为父 div 宽度的 100%。使用 width: 100%; 不起作用。要解决此问题，我们可以将输入放在具有 position: relative 和固定高度的 div 中。这将使元素宽度为 100% 减去填充。我们将位置设置为具有固定高度的相对位置——.container { position: relative; height: 30px; } 输入的位置设置为绝对位置——content { position: absolute; ... 阅读更多

要显示使用 Base64 编码的图像，您需要获取 base64 编码的字符串并使用 img 元素。这可以防止页面加载缓慢，并防止 web 浏览器发出额外的 HTTP 请求。将 base64 图像设置在 . 的 src 属性中。假设我们有以下图像——对于 Base64，我们将考虑图像的数据 URL，该 URL 位于 src 属性中。数据 URL 包含两部分——第一部分是 Base64 编码的图像。第二部分是图像的 Base64 编码字符串。…… 阅读更多

HTML 文档的 X、Y 位置表示 X 为水平位置，Y 为垂直位置。在这里，我们将看到两个示例来获取位置，即获取网页上特定文本的位置。获取网页上按钮的位置。获取网页上特定文本的位置 要获取网页上特定文本的位置，我们将使用 getBoundingClientRect() 方法。它提供有关元素大小及其相对于视口的定位的信息。这将给我们…… 阅读更多

要使 div 不大于其内容，请使用 display 属性并将其值设置为 inline-block。我们这里有一个带有图像的 div——div 的样式为 inline-block。此 inline-block 将形成一个不大于其内容的 div——.wrapper{ display: inline-block; border: 10px solid orange; } 图像给出了一个边框——img{ border: 20px solid white; } 示例 现在让我们来看完整的示例——DOCTYPE html> ... 阅读更多

在 HTML 中，我们不能嵌套 HTML 表单，但我们可以添加多个表单。让我们来看一个多个表单的示例，在其中我们将添加多个表单、上传按钮和多个提交按钮。首先，我们将设置第一个表单。这允许仅上传单个文件——选择文件：就在之后，我们使用了，然后是第二个表单。这允许上传多个文件——选择文件：…… 阅读更多