Web/javascript

[자바스크립트] Javascript를 사용하여 현재 페이지 새로 고침하기

아랄라랄라 2018. 8. 1. 11:58

출처 : https://www.thewordcracker.com/jquery-examples/refresh-current-page-using-javascript/






여러 가지 방법을 사용하여 현재 페이지를 새로 고침(리로드)할 수 있습니다.

window.location.reload() 사용:

<form><input type="button" value="페이지 새로 고침" onClick="window.location.reload()"></form>
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초마다 페이지가 자동 새로 고침(리로드)됩니다. 가령 주식 정보 등을 일정 시간 동안 갱신해야 하는 경우에 이 방법을 사용할 수 있습니다.

jQuery로 페이지를 리로드(새로 고침)하려는 경우에는 다음과 같이 location.reload()를 사용하면 됩니다.

$('#something').click(function() {
location.reload();
});
// 참조 페이지: stackoverflow









history.back() : 이전 문서로 돌아가기

history.go(0)  : 현재 페이지 리로드

history.go(-1)  :  history.back()동일

history.go(-2)  :  2단계 전 문서로


 























728x90