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

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

您尝试使用锚标记，因为我认为target属性与锚一起使用效果很好