javascript - 单击时使用新网址重新加载窗口

Question

我制作了一个带有 2 个网址的 anchor 标记。一种是 href，另一种是 data-url。当我单击按钮时，它应该在新选项卡中打开一个正确的页面。但另外我想要的是使用我设置的 data-url 链接重新加载当前页面。

因此，在示例中，我将 href 设置为 google.com，它会在新选项卡中打开。它是正确的，但是当我们单击按钮时，我还会将当前页面重新加载到 data-url，即 youtube.com。

HTML

<a href="https://www.google.com/" target="_blank" data-url="https://www.youtube.com/" id="agree">Click me</a>

JS

 $('#agree').on('click', function(e) {
  var url = $(this).data('url');
  console.log(url);
  // window.open(url);
  location.reload(url);
});

Link To Codepen

Answer 1

将 URL 设置为 window.location.href。

$('#agree').on('click', function(e) {
    var url = $(this).data('url');
    window.location.href = url;
});