JavaScript 在带有 location.href 的新选项卡中打开

Question

我正在构建一个自定义链接树，但我正在努力寻找在新选项卡中打开这些链接的正确命令。目前链接在当前窗口和新标签页中打开。

let url = document.createElement('url');
    switch(event.target.innerText) {
      case 'youtube' : url = 'https://www.youtube.com/';break;
      case 'spotify' : url = 'https://open.spotify.com/artist/';break;
      case 'applemusic' : url = 'https://music.apple.com/';break;
      case 'soundcloud' : url = 'https://soundcloud.com/';break;
      case 'amazon' : url = 'https://media.giphy.com/';break;
      default: break;
    }
    if(url) {window.open(top.location.href = url, '_blank');}

当我将最后一行的 top 替换为 window 时，如下所示：

if(url) {window.open(top.location.href = url, '_blank');}

它会在我当前窗口内的一个奇怪的框中打开网址。

顺便说一下，这是我的第一篇文章，所以请告诉我，以防我做错了什么。

Answer 1

您的代码正在更改当前页面的 URL（如果您的页面位于 <frame> 或 <iframe> 内，则为最上面的祖先）以指向指定的 URL，然后还为指定的网址。

只需使用：

if (url) { window.open(url, '_blank'); }