[J.S] 페이지 이동 종류 방식들???

JS 에서의 페이지 이동 방식??

페이지 이동 종류??

1. location.herf
2. location.replace
3. location.reload
4. history.go

---

location.herf()란??

• 다른페이지로 이동하는데 사용된다.
• 이전 페이지의 히스토리가 남는다.
• () 안에는 인터넷의 url 이 들어올 수 있고 서버안에 있는 파일의 경로가 들어올 수 있다.
• 상위 디렉토리 내의 파일로 이동하는 경우 ../ 을 적어주면 되는데 ../ 이란 현재 위치의 상위 폴더를 의미한다.
• 만약! 두단계 상위 폴더로 가고 싶다면 ../../ 을 작성해 주어야 한다.

location.herf("url 경로")
location.herf("www.naver.com")
location.herf("/test/hello/wow")

 

location.replace()란??

• 다른 페이지로 이동하는데 사용
• 이전 페이지의 히스토리가 남지 않음

location.replace("url 경로")
location.replace("www.naver.com")
location.replace("/test/hello/wow")

 

location.reload() 란??

• 현재 페이지를 새로고침 할때 사용

location.reload();

 

history.go() 란??

• () 안에 값이 현재페이지에 대한 상대 좌표로 사용되어 이동된다.
• history.go(-1)은 history.back() 과 동일하게 작동하며 이전 페이지로 이동된다.

histroy.go(-1) // 이전페이지 가기
histroy.go(0) // 현재페이지 새로고침
histroy.go(-2) // 두 단계 전 페이지 이동

---

 

참고

JavaScript / 페이지 이동 (location.href, replace, reload, history.go)