📜  HTML | DOM 区域 href 属性(1)

📅  最后修改于: 2023-12-03 15:01:12.363000             🧑  作者: Mango

HTML | DOM 区域 href 属性

简介

href 属性是指向一个资源的超链接,通常是用于链接到另一个 HTML 页面,但它也可以用于链接到其他类型的文件,如图片、视频、音频、文本文件等。

语法
<a href="url">链接文本</a>

其中,url 指向资源的 URL 地址,可以是相对路径或绝对路径。

DOM 操作

在 JavaScript 中,可以通过访问 DOM 元素的 href 属性来获取或修改链接的 URL 地址。例如:

// 获取链接的 URL
var link = document.getElementById("myLink");
var url = link.href;

// 修改链接的 URL
link.href = "newUrl";
相关属性

除了 href 属性,在 HTML 中还有一些与链接相关的属性,如下所示:

  • target 属性:指定链接打开的方式,可以取值为 _self_blank_parent_top
  • download 属性:指定是否将链接下载而不是在浏览器中打开,可以设置为任意字符串,将该属性设置为任意字符串都将启用下载功能。
  • rel 属性:指定链接与当前文档之间的关系,例如 stylesheet 表示该链接是一个样式表。
注意事项
  • 如果 href 属性为空,则该链接不会指向任何资源,但点击链接时会重新加载当前页面。
  • 如果 target 属性设置为 _blank,则链接将在新窗口或选项卡中打开,但某些浏览器可能会阻止弹出窗口。
  • 如果 download 属性启用下载功能,将不会在浏览器中显示该资源,而是将其下载到本地文件系统。

以上就是关于 HTML | DOM 区域 href 属性的介绍,希望对你有所帮助!