如何在JavaScript和HTML中单击时使链接打开一个新窗口?

时间:2017-02-26 15:40:08

标签: javascript html web-applications

我正在使用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>

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

使用// supply your date form database instead of "2011-10-10 10:00:00" // strtotime convert in to number of seconds $datetime1 = strtotime("2011-10-10 10:00:00"); //date("Y-m-d H:i:s") provide current time $datetime2 = strtotime(date("Y-m-d H:i:s")); // diffence in number of seconds $interval = abs($datetime2 - $datetime1); $minutes = round($interval / 60); echo 'Diff. in minutes is: '.$minutes; 将为您解决问题

RewriteEngine On
RewriteRule ^$ /porcelanato [L]

答案 2 :(得分:0)

像这样添加target="blank"

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