HTML | DOM 输入 URL 名称 属性

在 HTML 中，可以使用 a 标签来创建超链接，其中最重要的属性是 href。这个属性指定了链接指向的网址。然而，在某些情况下，我们希望链接显示的文本与链接指向的网址不同。这时就可以用到 name 属性。下面是一个例子：

<a href="https://www.baidu.com" name="baidu">访问百度搜索</a>

这样，用户点击链接时，浏览器会跳转到百度搜索的页面。但是浏览器地址栏中的网址会变成 https://www.baidu.com，这与我们希望显示的文本不一致。

为了解决这个问题，我们可以给链接指定一个 name 属性。这个属性的值就是我们希望显示的文本。也就是说，我们可以将上面的代码修改为：

<a href="https://www.baidu.com" name="百度搜索">访问百度搜索</a>

这样，当用户点击链接时，浏览器地址栏中的网址仍然是 https://www.baidu.com，但是页面上显示的文本变成了 百度搜索。

此外，如果希望在当前页面中打开链接，可以将 target 属性设置为 _self。例如：

<a href="https://www.baidu.com" target="_self" name="百度搜索">访问百度搜索</a>

这样，当用户点击链接时，页面会在当前窗口中打开百度的搜索页面。

在 JavaScript 中，可以使用 DOM 操作来获取链接的属性值。例如，要获取上面示例中链接的 name 属性，可以使用以下代码：

var link = document.getElementsByTagName('a')[0];
var name = link.getAttribute('name');
console.log(name); // 输出：百度搜索

以上就是关于 HTML | DOM 输入 URL 名称 属性的介绍。