Fatal编程技术网
  • html/
  • Html 如何将当前导航栏元素标记为在引导中处于活动状态，并且在屏幕更新时不会丢失它？

Html 如何将当前导航栏元素标记为在引导中处于活动状态，并且在屏幕更新时不会丢失它？

html css bootstrap-4

Html 如何将当前导航栏元素标记为在引导中处于活动状态，并且在屏幕更新时不会丢失它？,html,css,bootstrap-4,thymeleaf,Html,Css,Bootstrap 4,Thymeleaf,我有导航栏，它在我的web应用程序中指向不同的页面 在花了几个小时寻找简单的解决方案后，我编写了以下脚本： var currentPage=window.location.pathname； var items=document.getElementById（“myDIV”）.getElementsByClassName（“nav item”）； var activeClass=“active”； var patt=新的RegExp（当前页拆分（“/”[1

我有导航栏，它在我的web应用程序中指向不同的页面



    

  • 

    • 

  • 

    • 

  • 

    • 

  • 

    • 

  • 

    • 

  • 

    • 

  • 

    •
在花了几个小时寻找简单的解决方案后，我编写了以下脚本：


var currentPage=window.location.pathname；
var items=document.getElementById（“myDIV”）.getElementsByClassName（“nav item”）；
var activeClass=“active”；
var patt=新的RegExp（当前页拆分（“/”[1]，“i”）；
对于（变量i=0；i
您不能简单地将
活动类添加到HTML中需要它的页面上的
导航栏中吗？或者您需要它根据导航源进行更改吗？我知道如何添加活动类，问题是如何根据当前页面添加活动类：主页、登录等。您可以使用简单的if-else语句添加它？大致是这样的：？我用thymeleaf th:classappend=“${module=='login'？'active'：''}”找到了一些解决方案，但它表明“module”不是正确的元素，如何获取当前的活动链接？因为您没有提供一个