dedecms导航高亮显示

<ul class="nav">
    <li><a href="index.php" class="{dede:field.type='index' ? 'active' : ''}">首页</a></li>
    <li><a href="list.php?id=1" class="{dede:field.type='list' && dede:field.id=='1' ? 'active' : ''}">分类1</a></li>
    <li><a href="list.php?id=2" class="{dede:field.type='list' && dede:field.id=='2' ? 'active' : ''}">分类2</a></li>
    <li><a href="article.php?id=3" class="{dede:field.type='article' && dede:field.id=='3' ? 'active' : ''}">文章1</a></li>
</ul>

.nav li a.active {
    color: red; /* 高亮颜色 */
    font-weight: bold; /* 加粗字体 */
}

document.addEventListener('DOMContentLoaded', function() {
    var currentPath = window.location.pathname;
    var navItems = document.querySelectorAll('.nav li a');
    navItems.forEach(function(item) {
        if (item.getAttribute('href') === currentPath) {
            item.classList.add('active');
        }
    });
});