[자바스크립트] location 객체, history 객체 설명과 종류 알아보기

1) location 객체란?

- 현재 브라우저에 표시된 HTML 문서의 주소를 얻거나 브라우저의 새 문서를 불러올 때 사용할 수 있다.

- location 객체의 프로퍼티와 함수를 이용하면 현재 문서의 url 주소를 다양하게 해석하여 처리할 수 있다.

 

 

2) location 객체 종류

 

1. location.href

페이지의 url 전체 정보를 반환, url을 지정하여 이동할 수 있다.

location.href = "파일이름.html" // 페이지 이동

 

2. location.reload( )

새로고침하기

 

3. location.assign( )

현재 url을 지정한 url로 바꿔서 이동하고 이전으로 돌아가기가 가능하다.

 

4. location.replace( )

현재 url을 지정한 url로 바꿔서 이동하고 이전으로 돌아가기가 불가능하다.

 

 

3) history 객체란?

- 브라우저의 히스토리 정보를 문서 상태 목록으로 저장하는 객체를 말한다.

 

 

4) history 객체 종류

 

1. history.go(정수)

괄호 안에 쓰여진 정수만큼 페이지 이동, 양수면 앞으로 이동, 음수면 뒤로 이동한다.

 

2. history.back( )

뒤로가기

 

3. history.forward( )

앞으로 가기