香草javascript加载点击模拟

我在想这个。。。 我有一个由javascript提供的服务器，当使用jquery时，一切都不起作用，所以我必须坚持使用普通javascript

我想做的是加载一个页面，它总是默认为三个选项卡中的第一个选项卡，但不是默认为第一个选项卡，我希望它触发一个模拟的假点击来加载第三个选项卡

<ul>
<li class="active"><a href="#">tab 1</a></li>
<li><a href="#">tab 2</a></li>
<li><a href="#">tab 3</a></li>
</ul>

---

我忘了添加我试图使用的java代码。

不需要单击。加载页面并且服务器完成了任务后，运行脚本。这通常是通过将

标记放在关闭

标记之前来完成的。细节在演示中进行了注释

const setActive=targetIndex=>{
/*
收集所有



小组1
小组2
小组3

无需单击。加载页面且服务器完成其任务后，运行脚本。这通常是通过在关闭

标记之前放置

标记来完成的。详细信息将在演示中进行注释

const setActive=targetIndex=>{
/*
收集所有



小组1
小组2
小组3

发布相关JavaScript，但在发布之前，请阅读以下内容：忘记包含它。您确定要单击的

a

具有

id=“panel3”

？您是否在尝试发送

单击事件之前等待
DOMContentLoaded
？另外，您没有将
someLink
传递到
模拟单击（）；
发布相关JavaScript，但在此之前，请阅读以下内容：忘记包含它。您确定要单击的
a
具有
id=“panel3”吗
？在尝试分派
单击事件之前，是否正在等待
DOMContentLoaded
？此外，您没有将
someLink
传递到
模拟单击（）；
var simulateClick = function (elem) {
    // Create our event (with options)
    var evt = new MouseEvent('click', {
        bubbles: true,
        cancelable: true,
        view: window
    });
    // If cancelled, don't dispatch our event
    var canceled = !elem.dispatchEvent(evt);
};
var someLink = document.querySelector('#panel3');
simulateClick();