JavaScript/Tip

[JavaScript]현재 페이지 새로고침하는 방법

DevStory 2022. 12. 8.

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

이번 포스팅은 JavaScript에서 현재 페이지를 새로고침할 수 있는 두 가지 방법을 소개합니다.


location.reload()

첫 번째 방법으로 location 객체에서 제공하는 reload() 메서드를 사용하는 것입니다. location은 전역 객체인 window의 프로퍼티이므로 아래 두 가지 방법으로 reload() 메서드를 호출할 수 있습니다.

location.reload();
window.location.reload();

매개변수

존재하지 않습니다.

 

반환 결과

존재하지 않습니다.


history.go()

두 번째 방법으로 history 객체에서 제공하는 go() 메서드를 사용하는 것입니다. history는 전역 객체인 window의 프로퍼티이므로 아래 두 가지 방법으로 go() 메서드를 호출할 수 있습니다.

history.go(number);
window.history.go(number);

매개변수

number: 현재 URL을 기준으로 이동하고자 하는 위치입니다. 음수인 경우 뒤로 이동하며 양수인 경우 앞으로 이동합니다. 예를 들어, -1을 전달하는 경우 뒤로 가기 버튼을 한 번 클릭한 것과 동일합니다.

go() 메서드에 전달된 매개변수가 없거나 0을 전달하는 경우 go() 메서드는 현재 URL을 다시 로드합니다.

 

반환 결과

존재하지 않습니다.

 

아래는 history.go() 메서드를 사용하여 현재 URL을 다시 로드하는 방법입니다.

history.go();
history.go(0);

window.history.go();
window.history.go(0);

정리

  • location.reload() 메서드는 현재 URL을 다시 로드합니다.
  • history.go() 메서드의 매개변수로 0 또는 빈 값을 전달하면 현재 URL을 다시 로드합니다.
반응형

댓글