当单击JavaScript和HTML时如何使链接打开新窗口？

Question

我正在用Java脚本制作一个小型Web应用程序，它是创建书签和保存网站的简单应用程序。 我已经制作了这个Web应用程序，因此它可以保存指向网站的链接，但是我不知道如何使此链接可单击，然后使其打开，然后在新的浏览器窗口中单击链接。

这是我的代码：

<form class="ui stacked segment form" action="/bookmark/{{bookmark.id}}/addwebsite" method="POST">
  <div class="two fields">
    <div class="field">
      <label>Title</label>
      <input placeholder="Title" type="text" name="title">
    </div>
    <div class="field">
      <label>Link</label>
      <input placeholder="Link" type="link" name="link">
    </div>
    <div class="field">
      <label>Summary</label>
      <input placeholder="Summary" type="text" name="summary">
    </div>
  </div>
  <button class="ui blue submit button">Add Website</button>
</form>

///////////////////////////////////////////////////// ////////////////////////////

<table class="ui table">
  <thead>
    <tr>
      <th>Website</th>
      <th>Link</th>
      <th>Summary</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {{#each bookmark.websites}}
      <tr>
        <td>
          {{title}}
        </td>
        <td>
          {{link}}
        </td>
        <td>
          {{summary}}
        </td>
        <td>
          <a href="/bookmark/{{../bookmark.id}}/deletewebsite/{{id}}" class="ui icon button">
            <i class="icon trash"></i>
          </a>
        </td>
      </tr>
    {{/each}}
  </tbody>
</table>

Answer 1

将target="_blank"属性添加到您的锚标记。 这将在新标签中打开链接。

Answer 2

使用target="_blank"将为您解决问题

<a href="http://www.google.com" target="_blank">Click Here</a>

Answer 3

像这样添加target="blank"

<a href="/bookmark/{{../bookmark.id}}/deletewebsite/{{id}}" target="blank" class="ui icon button">click</a>