📌  相关文章
📜  如何在 JavaScript 中模拟 target="_blank"?(1)

📅  最后修改于: 2023-12-03 15:24:13.214000             🧑  作者: Mango

如何在 JavaScript 中模拟 target="_blank"?

在 HTML 中,我们经常使用 target="_blank" 来指示链接在新的浏览器窗口中打开。但在 JavaScript 中,我们该如何做到这一点呢?本篇文章将介绍两种方法。

方法一:使用 window.open()

在 JavaScript 中,我们可以使用 window.open() 方法打开新的浏览器窗口,同时也可以通过设置第二个参数来指定新窗口应该如何展示。例如:

window.open(url, '_blank');

其中,_blank 参数即代表在新的浏览器窗口中打开链接。

详细代码如下:

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

调用方式如下:

openInNewTab('https://www.example.com');
方法二:使用 a 标签模拟点击

在 JavaScript 中,我们也可以通过创建一个隐藏的 a 标签,再通过模拟点击该标签来实现在新的浏览器窗口中打开链接的效果。

详细代码如下:

function openInNewTab(url) {
  var a = document.createElement('a');
  a.href = url;
  a.target = '_blank';
  a.style.display = 'none';
  
  document.body.appendChild(a);
  
  a.click();
}

调用方式如下:

openInNewTab('https://www.example.com');

以上两种方法都可以实现在 JavaScript 中模拟 target="_blank" 的效果,程序员可以根据自己的需求来选择使用哪种方法。