JavaScriptとHTMLをクリックすると、リンクを新しいウィンドウで開く方法を教えてください。

Question

私はJavaスクリプトで小さな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

それがすでにあるとして、なぜリンクはクリック可能ではないでしょうあなたが

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

Answer 3

この

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