要获取网页的当前屏幕大小，请使用 window.inner。我们还可以使用 window.outerWidth 和 window.outerHeight，如下所示，以获取网页浏览器窗口的外部宽度和高度。我们将看到两个示例 - 获取内部宽度和高度 获取外部宽度和高度 获取内部宽度和高度 要获取网页的当前屏幕大小，请使用 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 元素。这可以防止页面加载缓慢，并使网页浏览器无需额外的 HTTP 请求。在 . 的 src 属性中设置 base64 图片。假设我们有以下图片 - 对于 Base64，我们将考虑图片的 Data URL，它位于 src 属性中。Data URL 包含两个部分 - 第 1 部分是 Base64 编码的图片。第 2 部分是图片的 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 表单，但我们可以添加多个表单。让我们看一个多个表单的示例，其中我们将添加多个表单、上传按钮和多个提交按钮。首先，我们将设置第一个表单。这仅允许上传单个文件 - 选择文件：就在之后，我们使用了，然后是第二个表单。这允许上传多个文件 - 选择文件： ... 阅读更多