显示当前选项卡javascript

我有一个选项卡部分，在选择新选项卡时更改内容，但我希望它在页面加载时始终显示主页选项卡。现在，页面加载时不显示任何选项卡。我希望主页选项卡在您第一次访问页面时显示，谢谢

这是密码笔

主页
欢迎光临。你更愿意看到一个CSS版本吗

看看

工段
对于纯CSS版本，请查看

关于部分
这是一支用来取乐的快速小笔。别介意难看的造型

接触段
一些随机的联系方式

//导航链路
const links=document.querySelectorAll（'.navLink'）；
//选项卡式截面
const tabs=document.querySelectorAll（'.tabs'）；
links.forEach（函数（link）{
link.addEventListener（'click'，函数（e）{
e、 预防默认值（）；
//从非活动链接中删除当前类
for（设j=0；j

只需在html中添加初始类：

1） 第一位是导航菜单：

2） 第二位是“主页”选项卡：

主页
欢迎光临。你更愿意看到一个CSS版本吗

看看

完整示例：

主页
欢迎光临。你更愿意看到一个CSS版本吗

看看

工段
对于纯CSS版本，请查看

关于部分
这是一支用来取乐的快速小笔。别介意难看的造型

接触段
一些随机的联系方式

只需在html中添加初始类：

1） 第一位是导航菜单：

2） 第二位是“主页”选项卡：

主页
欢迎光临。你更愿意看到一个CSS版本吗

看看

完整示例：

主页
欢迎光临。你更愿意看到一个CSS版本吗

看看

工段
对于纯CSS版本，请查看

关于部分
这是一支用来取乐的快速小笔。别介意难看的造型

接触段
一些随机的联系方式

您需要在其上添加单击方法

document.getElementById("test2").click(); 

更多。 此外，还需要将id或类添加到html标记中

<a href="#home" id="test2" class="navLink">Home</a>

您的代码笔已编辑。

---

您需要在其上添加单击方法

document.getElementById("test2").click(); 

更多。 此外，还需要将id或类添加到html标记中

<a href="#home" id="test2" class="navLink">Home</a>

您的代码笔已编辑。

---

只需将类

当前

添加到#主页链接，将类

活动

添加到主页选项卡即可。我像往常一样过度思考。。。谢谢lolSidenote 1：如果您只是将活动选项卡节点保存在变量中，则不必循环以禁用以前活动的选项卡。旁注2：由于锚链接也会更改url，因此在窗口上使用onhashchange侦听器也可以避免将单击事件附加到所有链接并阻止默认链接。只需将类<代码>当前添加到#主页链接，将类<代码>活动添加到主页选项卡即可。我像往常一样过度思考。。。谢谢lolSidenote 1：如果您只是将活动选项卡节点保存在变量中，则不必循环以禁用以前活动的选项卡。旁注2：由于锚链接也会更改url，因此在窗口上使用onhashchange侦听器也可以避免将click事件附加到所有链接并阻止默认链接。

document.getElementById("test2").click(); 

<a href="#home" id="test2" class="navLink">Home</a>