Javascript 在用户单击导航链接之前，如何将导航栏项默认设置为活动？

我有一个网站，我正在工作，我有导航项目设置，这样当你点击导航链接时，它会将活动类更改为你点击的链接

说到这里，我如何在导航栏中将某个链接设置为默认活动

代码：

$（“.nav项目a”）。在（“单击”，函数（）{
美元（“.nav项目a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
.nav项目a.active{
颜色：红色；
}













只需将活动类添加到导航链接即可


$（“.nav项目a”）。在（“单击”，函数（）{
美元（“.nav项目a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
.nav项目a.active{
颜色：红色；
}













您的代码是关于单击操作的，您不需要它。你应该使用

$('.nav-item a').addClass("active");

在“功能失效”中，单击主体：

<script 
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> 
</script>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Shop</a>
</li>
</ul>
</div>
</nav>

JAVASCIPT：

<script>
$('.nav-item a').addClass("active");
</script>


$（'.nav项目a'）.addClass（“活动”）；
要将哪个链接设置为激活状态？有什么标准吗？或者任何随机链接都可以设置为活动？为什么不在html中的任何默认元素上添加
active
class
同意@cjmling-如果没有设置活动链接的编程标准，并且如果它应该始终相同，则最好只在HTML中设置它。@cjmling我在开始时就是这样做的，但当单击另一个链接时它将保持活动状态。这只会使所有链接都处于活动状态。我将尝试一下。编辑：成功了！谢谢你的帮助！现在，解决方案似乎显而易见：D
<script>
$('.nav-item a').addClass("active");
</script>