时间戳

首页 > 解决方案 > 如何使按钮在 JavaScript 的新选项卡中打开链接？

javascript - 如何使按钮在 JavaScript 的新选项卡中打开链接？

问题描述

我想创建一个<button>单击时将在新选项卡中打开 URL 的 URL。

这在纯 HTML 中很容易实现，但问题是它<button>是动态生成的，因此必须在 JavaScript 中完成。

<button>这是我迄今为止使用 JavaScript 和 HTML DOM创建的代码：

<body>
  <div id = 'only_div'>
  </div>
  <script>
    var btn=document.createElement("button");
    btn.innerText = "Click me";
    document.getElementById("only_div").appendChild(btn);
  </script>
</body>

在这个现有代码中，我只想添加一点，当单击时，URL（例如http://www.stackoverflow.com）将在新选项卡中打开。

标签： javascripthtml

解决方案

您可以将click事件侦听器添加到按钮，addEventListener()然后在触发时window.location.replace()用于重定向。

<body>
    <div id = 'only_div'>
    </div>

    <script>
      var btn=document.createElement("button");
      btn.innerText = "Click me";
      btn.addEventListener("click", ()=>{
         window.location.replace(URL);
      });
      document.getElementById("only_div").appendChild(btn);
    </script>

</body>

对于新标签使用：

window.open(URL, '_blank');

文件：

推荐阅读