728x90
<ul class="nav nav-pills flex-column mb-auto">
<li class="nav-item">
<a href="/account/save" class="nav-link" aria-current="page">
계좌 생성
</a>
</li>
<li>
<a href="/account/list" class="nav-link" >
계좌 목록
</a>
</li>
</ul>
<script>
//현재 페이지의 URI 가져오기
var currentUri = window.location.pathname;
// 모든 링크 요소 가져오기
var links = document.querySelectorAll(".nav-link");
// 각 링크 요소에 대해 현재 페이지 URI와 비교하여 active 클래스를 설정
links.forEach(function(link) {
if (link.getAttribute("href") === currentUri) {
link.classList.add("active");
}
});
</script>
728x90
'Spring > Skill' 카테고리의 다른 글
[Spring Data MongoDB] UpdateResult 와 WriteResult의 차이 (0) | 2024.03.12 |
---|---|
[spring] OAuth2 네이버 인증하기 (0) | 2024.02.12 |
[spring] OAuth2 구글 인증하기 (0) | 2024.02.07 |
[Spring] OAuth2 카카오 인증하기 + kakao 이메일 인증 권한 받는 법 (1) | 2024.02.06 |
[spring] Spring Security password 암호화 하는 법 (0) | 2024.02.02 |