为什么使用js和实际点击触发点击时锚的行为不同?

我试图用js打开一个新的标签页。

$("#hello").attr("href", "https://www.youtube.com/");

setTimeout(function() {
  $("#hello")[0].click()
}, 1000);

<a id="hello" target="_blank">Hello</a>

这种方法的问题是浏览器请求用户允许打开新选项卡。但当我点击 <a>

为什么会发生这种行为?

小提琴链接:- https://jsfiddle.net/90chntz4/5/

我也试试这个:- Allow window.open to open new window and not popup

但它不起作用。

如何在未经用户许可的情况下打开新选项卡?