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

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

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

Answer 2

我不能告诉您这些方法中的任何一种都可以肯定地起作用，但是我想到了可以尝试的三种方法或解决方法。

1。使用小写的'b'

我通常会在目标属性中使用小写字母。因此，您可以尝试使用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 3

a href="your url" target="_blank"属性对我有效