Question

所以这是按钮打开某个链接的简单代码

                <button class="btn btn-success" onclick="location.href='http://google.com';"> Google</button>

但它在同一页面上打开它，我希望链接在新标签页上打开。

Answer 1

您可以使用以下内容。

window.open(
  'https:http://google.com',
  '_blank' // <- This is what makes it open in a new window.
);

HTML中的

 <button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>

plunkr

Answer 2

使用Bootstrap，您可以像按钮一样使用锚点。

<a class="btn btn-success" href="https://www.google.com" target="_blank">Google</a>

并使用target="_blank"在新标签页中打开链接。

Answer 3

尝试使用以下代码：

<button title="button title" class="action primary tocart" onclick=" window.open('http://www.google.com', '_blank'); return false;">Google</button>

在这里， window.open 以 _blank的第二个参数作为 window.open 功能将在新标签页中打开链接。

并且通过使用 return false ，我们可以删除/取消按钮的默认行为，例如“提交”。

有关详细信息和实时示例，click here

Answer 4

您也可以将其添加到表单中：

bool has_distinct_values(const std::vector<std::unordered_map<u_int, int>> v)
{
  std::unordered_map<int, std::list<int>> hash_to_indexes_map; 
  for(auto i = 0u; i < v.size(); ++i)
  {
    auto empl_result = hash_to_index_map.emplace(custom_hash(v[i]), {i});
    if (!empl_result.second)
    {  
       for (auto index : empl_result.first->second)
       {
         if (v[index] == v[i]) return false;
       }
       epmpl_result.first->second.push_back(i);
    }
  }
  return true;
}

Answer 5

要打开带有按钮的新标签页，您只需选择以下任一选项：

在新标签页中打开链接 hmtl：

<a href="https://insert.url" target="_blank">The Website Linked</a>

按钮在新标签页中打开链接：

<button class="btn btn-success" onclick=" window.open('http://google.com','_blank')"> Google</button>

点击链接 html 时打开新标签：

<!-- add target="_blank" to open new tab when link is clicked [in HTML]-->
<a href="YourLink" target="_blank">YourText</a>

Answer 6

试试这个

window.open(urlValue, "_system", "location=yes");

Answer 7

使用＆＃39; _blank＆＃39;。它不仅会在新标签页中打开链接，而且原始网页的状态也不会受到影响。

Answer 8

尝试此代码。

<input type="button" value="Open Window"
onclick="window.open('http://www.google.com')">

Answer 9

这对我有用。

onClick={() => {window.open('https://www.google.com/');}}

Answer 10

如果您在哈巴狗中：

html
    head
        title Pug
    body
        a(href="http://www.example.com" target="_blank") Example
        button(onclick="window.open('http://www.example.com')") Example

如果您正在使用语义UI：

html
    head
        title Pug
        link(rel='stylesheet' href='https://cdn.jsdelivr.net/npm/semantic-ui@2.3.3/dist/semantic.min.css')
    body
        .ui.center.aligned.container
            a(href="http://www.example.com" target="_blank") Example
        .ui.center.aligned.container
           .ui.large.grey.button(onclick="window.open('http://www.example.com')") Example

新标签中的HTML按钮打开链接

10 个答案: