如何在新标签页中打开链接

Question

这是当前的代码，我尝试添加target="_Blank"，但它仍然在同一个选项卡中打开。

我们使用的是 WordPress，这是我们在文本框中用于显示按钮的代码。

button color="extra-color-1" hover_text_color_override="#ffffff" size="large" url="https://www.insideeducation.ca/learning-resources/classroom-learning-resources/elementary-school/#flying-animals-scavenger-hunt"  text="Flying Animals | Scavenger Hunt"]

Answer 1

我不能告诉您这些方法中的任何一种肯定会奏效，但我认为您可以尝试以下三种方法或变通方法。

1。使用target="_blank"

我通常会在目标属性中使用小写字母。所以你可以试试target="_blank"，而不是target="_Blank"。

但是，这更有可能是一个偏好问题，我认为浏览器很可能会同时接受这两个选项。

2。使用一些简单的javascript

您可以使用 javascript window.open() 函数作为解决此问题的方法。

将target="_Blank" 替换为onclick="window.open('https://www.example.com')"，看看效果是否更好！

3。使用锚标记

目前，您似乎正在使用一个看起来像这样的button 元素：

<button color="extra-color-1" ... target="_blank" url="https://...">
  Click here!
</button>

您可以在按钮周围包裹a 标记，然后对其应用target 属性。可能target 属性直接在锚标签上效果更好。这是它的样子：

<a href="https://..." target="_blank">
  <button color="extra-color-1" ... >
    Click here!
  </button>
</a>

Answer 2

您是否尝试过锚标记，因为我认为目标属性与锚点配合得很好