[Javascript] 자바스크립트, location, history 객체

location 객체

- window 자식 객체

- 브라우저 보고있는 문서의 위치(주소,URL)를 제어하는 객체

location.href - 전체 URL << most important

location.host - 도메인 + 포트번호

location.hostname - 도메인

location.port - 포트 번호

location.protocol - 현재 프로토콜(http:)

location.href='http://naver.com';

location.replace("http://naver.com") -> 네이버로 페이지 이동하기

location.reload(); - 새로고침, f5

history 객체

- window 자식 객체

- (현재 세션에 한해서) 브라우저의 방문 기록 접근/조작 객체

history.back();  -> 뒤로가기 버튼과 동일(브라우저) ***************

history.forward(); ->앞으로가기 버튼과 동일

go(n) : n(양의 정수 ~ 음의 정수)

history.go(-1);

history.go(-2);

location, history 에서 가장 많이 쓰이는 구문(상황)

location.href

(1) 페이지 이동을 위한 상황에서 필수적으로 쓰임.

(2) script태그의 자바스크립트 프로그래밍을 통해 상황에 따라 다른 주소로 이동해야할 경우.

(3) 사용자가 권한이 없는 페이지에 url로 임의로 접속한 경우 alert으로 접근 불가를 띄우고 정해진 특정 페이지(주로 메인페이지, 로그인페이지)로 페이지 이동시킬때

history.back() 

(1) 로그인을 했는데 비밀번호가 일치하지 않아 alert을 띄우고 다시 로그인 폼으로 돌아갈 때

(2) url을 입력하여 권한이 없는 임의의 페이지에 사용자가 접근한 경우 접근 불가 alert을 띄운 후 바로 뒤로 되돌아 갈때