아랄라랄라
R 스토리
아랄라랄라
전체 방문자
오늘
어제
  • All (199)
    • Web (145)
      • Markup | WEB (9)
      • Styles (45)
      • javascript (32)
      • jquery (28)
      • vue (16)
      • react (10)
      • more (5)
    • IT (32)
      • CS (3)
      • git hub (5)
      • UI | UX (18)
      • more (6)
    • ETC (22)
      • 이슈노트 (12)
      • 스터디 (10)
      • 아랄라 ☞☜ (0)
      • JOB🛠 (0)

인기 글

반응형
hELLO · Designed By 정상우.
아랄라랄라

R 스토리

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
저작자표시 비영리 (새창열림)

'Web > javascript' 카테고리의 다른 글

[자바스크립트] 스코프  (0) 2019.08.09
[자바스크립트] 함수를 정의할 때 주의할 네 가지  (0) 2019.08.09
[브라우저] 로컬스토리지, 세션 스토리지 , 캐시  (0) 2018.07.27
[자바스크립트] 자바스크립트 정리  (0) 2018.05.15
[자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정  (0) 2018.05.15

티스토리툴바