📅 最后修改于: 2023-12-03 14:59:12.806000 🧑 作者: Mango
在 JavaScript 中添加一个链接 href 可能是一项常见的任务。下面是一些例子，展示如何添加一个链接 href 以及一些额外的功能。
要添加一个链接 href，需要使用 document.createElement() 创建一个 a 元素，然后使用 .setAttribute() 方法来设置 href 属性，最后将 a 元素附加到 DOM 中。
const link = document.createElement('a');
link.setAttribute('href', 'https://example.com');
document.body.appendChild(link);
这将创建一个指向 https://example.com 的链接，并将其添加到 <body> 元素中。
如果你想要为链接添加文本，需要使用 .textContent() 方法。
const link = document.createElement('a');
link.setAttribute('href', 'https://example.com');
link.textContent = 'Click me!';
link.style.color = 'blue';
document.body.appendChild(link);
这将创建一个带有文本和蓝色样式的链接。
默认情况下，点击链接会在当前标签页中打开链接。但是，你可以通过设置 target 属性来打开链接在新的标签页中。
const link = document.createElement('a');
link.setAttribute('href', 'https://example.com');
link.setAttribute('target', '_blank');
link.textContent = 'Click me!';
link.style.color = 'blue';
document.body.appendChild(link);
这将创建一个链接，点击它会在新的标签页中打开。
本文展示了在 JavaScript 中添加链接 href 的不同方法。通过创建 a 元素、设置 href 属性、添加文本和样式以及设定在新标签页中打开链接，我们可以自由地控制链接的样式和行为。