이미지클릭시 한번만 페이지 reload

이미지클릭시 한번만 페이지 reload

QA

이미지클릭시 한번만 페이지 reload

본문

이미지를 클릭시

 

한번만 페이지가 reload 되는 

 

소스를 알고 싶습니다

이 질문에 댓글 쓰기 :

답변 3


    <img id="reloadImage" src="이미지파일.jpg" alt="클릭하여 리로드">
    <script>
        // 이미지 요소를 선택합니다.
        const reloadImage = document.getElementById('reloadImage');
        // 이미지를 클릭할 때 발생하는 이벤트 핸들러를 추가합니다.
        reloadImage.addEventListener('click', function() {
            // 페이지를 리로드합니다.
            location.reload();
        });
    </script>

다음과 같은 방법도 있으니 참고해보세요

 


<!DOCTYPE html>
<html>
<head>
    <title>이미지 클릭 페이지 리로드</title>
</head>
<body>
    <img id="reloadImage" src="your_image.jpg" alt="이미지">
    <script>
        // 이미지 엘리먼트를 가져옵니다.
        var image = document.getElementById("reloadImage");
        // 이미지를 클릭했을 때 리로드 이벤트를 추가합니다.
        image.addEventListener("click", function() {
            // 페이지를 리로드합니다.
            location.reload();
        });
    </script>
</body>
</html>

 

이렇게 하면 페이지에 이미지를 표시하고, 해당 이미지를 클릭했을 때 location.reload() 메서드를 사용하여 페이지를 한 번만 로드하게 됩니다. 

한번 클릭시만 가능하게 하려면 문서 경로에 ?my=no 식으로 겟변수를 주고

location.href 를 사용해서 겟변수가 없을 때만 겟변수가 딸린 주소 이동이 일어나게 해야 합니다.^^

답변을 작성하시기 전에 로그인 해주세요.
전체 10,639
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT