[Javascript] 새로고침 여러가지 방법 및 응용

자바스크립트로 새로고침을  찾으려다가 여러가지 방법이 있다는 것을 발견했다.

일반적으로 새로고침하고 싶을 때 location.reload() 를 사용할 수 있다.

location.reload(true) 라고 나와있는 곳도 있는데, 똑같이 실행이 된다. 그렇다고 location.reload(false)를 넣는다고 실행이 안되는 건 또 아니다.

1. location.reload()

function method1(){
	/* 예시 코드 .... */
    location.reload() // refresh
}

2. history.go(0)

history.go(0);

현재 페이지가 0 이라고 생각해서 현재 페이지를 로딩하는 것이 history.go(0)이다.
따라서 이전페이지로 이동하고 싶으면 0 을 -1 로 그 전전 페이지로 이동하고 싶으면 -2로 작성하며 해당 이벤트를 이용할 수 있다. 

history.go(-1)
history.go(1)

3. location.href

location.href = location.href;
location.href = "";

일반적으로 location.href = "이동하고 싶은 주소"; 주소 값을 안에 넣어주면, a 태그 처럼 이동할 수가 있지만, 아무것도 넣지 않거나 location.href 를 입력하면 새로고침의 기능이 된다. location.href 는 페이지 이동 시에도 자주 사용되며, 이전 페이지의 히스토리가 남게 된다.

4. location.replace

location.replace(location.href);

replace 역시 이동하고 싶은 주소를 괄호 안에 쌍따옴표로 넣어주면 되지만, location.href를 입력해주면 새로고침이 실행되는 것을 알 수 있다. location.replace는 location.href와 다르게 이전 페이지에 대한 히스토리가 남지 않는다는 특징이 있다.