답변 3개
채택된 답변
+20 포인트
2년 전
</p>
<p> <img id="reloadImage" src="이미지파일.jpg" alt="클릭하여 리로드">
<script>
// 이미지 요소를 선택합니다.
const reloadImage = document.getElementById('reloadImage');</p>
<p> // 이미지를 클릭할 때 발생하는 이벤트 핸들러를 추가합니다.
reloadImage.addEventListener('click', function() {
// 페이지를 리로드합니다.
location.reload();
});
</script></p>
<p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
들레아빠
1년 전
채택 감사 합니다.
댓글을 작성하려면 로그인이 필요합니다.
2년 전
한번 클릭시만 가능하게 하려면 문서 경로에 ?my=no 식으로 겟변수를 주고
location.href 를 사용해서 겟변수가 없을 때만 겟변수가 딸린 주소 이동이 일어나게 해야 합니다.^^
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
2년 전
다음과 같은 방법도 있으니 참고해보세요
</p>
<p><!DOCTYPE html>
<html>
<head>
<title>이미지 클릭 페이지 리로드</title>
</head>
<body>
<img id="reloadImage" src="your_image.jpg" alt="이미지"></p>
<p> <script>
// 이미지 엘리먼트를 가져옵니다.
var image = document.getElementById("reloadImage");</p>
<p> // 이미지를 클릭했을 때 리로드 이벤트를 추가합니다.
image.addEventListener("click", function() {
// 페이지를 리로드합니다.
location.reload();
});
</script>
</body>
</html></p>
<p>
이렇게 하면 페이지에 이미지를 표시하고, 해당 이미지를 클릭했을 때 location.reload() 메서드를 사용하여 페이지를 한 번만 로드하게 됩니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인