Notice
Recent Posts
Recent Comments
Tags more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
Archives
Today
Total
관리 메뉴

웹개발자의 기지개

[Javascript] location.href 하고, 특정 함수를 바로 실행하고 싶을때 본문

javascript

[Javascript] location.href 하고, 특정 함수를 바로 실행하고 싶을때

http://portfolio.wonpaper.net 2024. 6. 4. 21:36

코딩작업중에 location.href="페이지"; 하고 나서 그 페이지를 로딩하면서 바로 특정함수를 돌리고 싶었다.

물론 일반적인 그 페이지를 로딩할때는 그 특정함수가 안떠야 한다는 조건이었다.

 

 

1
2
3
<script>
location.href="/?login=true";
</script>
 cs

 

해당 페이지에서 Head 태그내 DOMContentLoaded 이벤트를 돌릴때, 

쿼리스트링으로  받은 login 값이 true 일때만 원하는 동작을 수행하도록 하는 것이다. 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html lang="ko">
<head>
 
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        const params = new URLSearchParams(window.location.search);
        if (params.get('login') === 'true') {
                document.querySelector('.login_modal_area').style.display = 'flex';
                document.getElementById("login_id").focus();
        }
    });    
    </script>
 
</head>
<body>
.....
</body>
</html>
 cs

 

 

 

'javascript' 카테고리의 다른 글

[Javascript] 인쇄하기 - 페이징시 다음페이지도 헤더부 표시하기  (0) 2024.07.27
[Javascript] Chart.js 산점도 그래프 그리기  (0) 2024.06.27
[Javascript] querySelectorAll, querySelector, 여러개의 동일한 클래스명내에 특정한 태그내 text값 얻기  (0) 2024.04.04
[Javascript,PHP] 카카오지도 에서 화살표 표시하기1 (DB에 GPS 좌표값 저장하기)  (1) 2024.03.26
[Javascript] timepicker 사용하기  (0) 2024.03.23
'javascript' Related Articles more
Comments