TIL 36, reload 새로고침

주민콩·2021년 3월 29일
0

현재 페이지 새로고침 (reload)하는 방법

✅ location.reload() 메소드 사용

/* 해당 함수를 호출하면 그 페이지가 새로고침 */
<script>
function refresh(){
	location.reload();
  }     
</script>

 /* 일정 시간(3초)이 지나면 계속 자동 새로고침 */
<script>
function refresh(){
	setTimeout( 'location.reload()', 3000);
  }      <!--setTimeout을 사용해주기-->
</script>

/* 클릭하면(onclick) 새로고침 */
<form>
  <input type="button" value="새로 고침" onClick="location.reload()" />
</form>
  • location.reload() : 컴퓨터의 캐쉬에서 우선 파일을 찾고, 없으면 서버에서 받아온다
  • location.reload(true) : true파라미터를 입력하면 무조건 서버에서 직접 파일을 가져온다. 캐쉬는 완전 무시된다. 강력하고 강제적인 방법
  • history.go(0) : 항상 캐쉬에서 현재 페이지의 파일들을 우선적으로 찾는다. 부드럽고 소극적인 다시읽기 방법

setInterval / setTimeout

setInterval 함수

  • 특정시간마다 계속 실행되는 함수!

    ex) 1초마다 계속 실행!

setTimeout 함수!

  • 특정시간이후 실행
    ex) 1초 후 실행!
setTimeout('location.reload()', 11000

이러면 10초 후 새로고침 실행

profile
코딩하면서 기록하는 메모장 ᰔ

0개의 댓글