使用 JS 捕获链接 ID，然后定向到链接

Capture link ID's with JS then direct to link

本文关键字：链接 然后 ID JS 使用      更新时间：2023-09-26

我有一个跨越不同子域的活动网站。在子域中，我有指向俱乐部网页的链接。与其为俱乐部提供许多链接，我想要一个 JavaScript 文件来捕获特定的"俱乐部链接"，但我被卡住了。到目前为止我的代码..谢谢。我还希望它们在新选项卡中打开。

function clubs() {
  $("a#club1").on('click', function() {
    window.location = "http://www.club.com/club1.html", "_blank";
  });
  $("a#club2").on('click', function() {
    window.location = "http://www.club.com/club2.html", "_blank";
  });
  $("a#club3").on('click', function() {
    window.location = "http://www.club.com/club3.html", "_blank";
  });
}
<div class="content">
  <div class=""><a id="club1" href="javascript:clubs()">club1</a>
  </div>
  <div class=""><a id="club2" href="javascript:clubs()">club2</a>
  </div>
  <div class=""><a id="club3" href="javascript:clubs()">club3</a>
  </div>
</div>

使用 window.open("http://www.club.com/club1.html", "_blank") 而不是 window.location 。

您有一个函数 clubs ，它将事件处理程序附加到<a>标记。 此函数应仅运行一次，否则将丢弃其函数部分，使其成为内联代码。 一旦通过 jquery 分配处理程序，您也不需要这些内联事件处理程序。 此外，正如Hank所提到的，使用window.open而不是window.location。

<div class="content">
  <div class=""><a id="club1" href="javascript:void(0)">club1</a>
  </div>
  <div class=""><a id="club2" href="javascript:void(0)">club2</a>
  </div>
  <div class=""><a id="club3" href="javascript:void(0)">club3</a>
  </div>
</div>
<script>
      $("a#club1").on('click', function() {
        window.open("http://www.club.com/club1.html", "_blank");
      });
      $("a#club2").on('click', function() {
        window.open("http://www.club.com/club2.html", "_blank");
      });
      $("a#club3").on('click', function() {
        window.open("http://www.club.com/club3.html", "_blank");
      });
</script>
好的，

我遇到了你的问题...您需要做一些技巧，如下所示：
.html：

<div class="content">
  <div class=""><a href="#" id="club1">club1</a>
  </div>
  <div class=""><a href="#" id="club2">club2</a>
  </div>
  <div class=""><a href="#" id="club3">club3</a>
  </div>
</div>

.JS：

$(document).ready(function(){
  $("a#club1").on('click', function() {
    var win = window.open("http://www.club.com/club1.html", '_blank');
    win.focus();
  });
  $("a#club2").on('click', function() {
    var win = window.open("http://www.club.com/club2.html", '_blank');
    win.focus();
  });
  $("a#club3").on('click', function() {
    var win = window.open("http://www.club.com/club3.html", '_blank');
    win.focus();
  });
});


单击此小提琴链接

相关文章：