현재페이지 새로고침 기능

현재페이지를 새로고침(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) : 항상 캐쉬에서 현재 페이지의 파일들을 우선적으로 찾는다. 부드럽고 소극적인 다시읽기 방법

✅ history.go() 사용

<form>
  <input type="button" value="새로 고침" onClick="history.go(0)">
</form>

✅ window.location.href=window.location.href 사용

<form>
  <input type="button" value="새로 고침" onClick="window.location.href=window.location.href">
</form>

✅ meta 태그를 head 태그 사이에 추가

<META HTTP-EQUIV="refresh" CONTENT="15">
<!--15초마다 페이지가 자동 새로 고침(리로드)된다. 주식 정보 등을 일정 시간 동안 갱신해야 하는 경우에 이 방법을 사용할 수 있습니다.-->