Unterschied zwischen a.click() in Firefox und Google

Question

Der Code lautet wie folgt

<!-- test.html -->
<button>Click</button>

//test.js
var btn = document.querySelector('button')
btn.onclick = () => {
    var a = document.createElement('a')
    a.href = 'https://www.baidu.com'
    a.target = '_blank'
    a.click()
}

Die Fragen lauten wie folgt:

Beim Klicken auf die Schaltfläche in Firefox erfolgt keine Reaktion, aber durch Klicken auf die Schaltfläche in Google kann eine neue Registerkarte
in test.jseinen Satz erstellt werden

var btn = document.querySelector('button')
btn.onclick = () => {
    var a = document.createElement('a')
    a.href = 'https://www.baidu.com'
    a.target = '_blank'
    
    document.body.appendChild(a)
    
    a.click()
}

Der neu geschriebene Code kann in beiden Browsern normal ausgeführt werden. Deshalb möchte ich meine Freunde fragen, was der Grund dafür ist, danke?

Answer 1

楼主，你之前这不是刚创建好还没添加到页面中就要执行click事件？

Answer 2

浏览器解析差异吧
但是如果想点击按钮访问网页直接用window.open或者location.assign不就可以实现了 为啥要创建dom呢