Html 如何使按钮在新选项卡上像链接一样工作？

我用一个按钮转到一个新的链接，但一直在预览

我尝试使用：

---

Typing.com

请尝试下面的代码片段

<button type="button" onclick="window.open('www.yoursite.com');"
 id="myButton">typing.com</button>

typing.com

以下代码行不起作用，因为您没有正确引用它：

<button type="button" onclick="window.location.href = 'https://www.typing.com' target = '_blank'">Typing.com</button>

你还没有定义一个名为

target

的变量，你应该在赋值后加上分号

我想你是想写这个：

<button type="button" onclick="window.location.href='https://www.typing.com'" target="_blank" id="myButton">typing.com</button>

---

如果您试图使用内联脚本使按钮的行为类似于锚定标记，为什么不使用类似按钮的实际链接和样式呢

将锚定标记的

target

属性设置为

\u blank

，如下所示：

<button type="button" onclick="window.open('https://www.typing.com', '_blank');" id="myButton">typing.com</button>

<a href="https://www.typing.com" target="_blank" class="button">Typing.com</a>

document.querySelector(".button").addEventListener("click", () => {
  window.open("https://www.typing.com", "_blank")
});

---

如果您想继续使用JavaScript，请忽略前两个方法，只需向按钮元素添加一个单击事件，如下所示：

<button type="button" onclick="window.open('https://www.typing.com', '_blank');" id="myButton">typing.com</button>

<a href="https://www.typing.com" target="_blank" class="button">Typing.com</a>

document.querySelector(".button").addEventListener("click", () => {
  window.open("https://www.typing.com", "_blank")
});

附注及资料：

• \u blank

  参数是在新选项卡中打开它所必需的
• 必须使用

  for

  （或

  forEach

  ）循环将单击事件添加到每个按钮
• 如果用户安装了弹出窗口阻止程序（扩展），您的“链接”将不起作用

---

祝你好运。

请查看此窗口。location.href='www.typing.com'target='\u blank'不是有效代码。如果你看看@AlexandreB。链接您将看到onclick=“window.open（'www.typing.com'，'u blank'）；return false；”这是有效的。有一点，就是，在window.open（“www.typing.com'，'u blank'）；