[JS] Object | 03. Location & History

1. Location

Location은 현재 URL에 대한 정보를 제공합니다.

속성	반환값
hash	<a name> 또는 href 값의 # 다음 부분
host	호스트 이름과 포트 번호
hostname	호스트 이름
href	URL 전체
pathname	URL 중 특정 리소스에 접근하는 경로 부분
port	포트번호
protocol	통신방식
search	href 값의 ? 다음 부분
target	타깃 프레임의 이름

 

메소드	매개변수	기능	반환값
assign(url)	str url : URL 주소	URL의 HTML 문서 읽기	HTML 문서
reload()		현재 문서 다시 읽기	HTML 문서
replace(url)	str url : URL 주소	history 객체의 URL을 현재 주소로 대체 ※ 이전의 주소는 history에 남지 않음	HTML 문서

 

var count = 10;

function reloadPage() {
    count--;

    if (count == 0){
        document.write("reload <br />");
        window.location.reload();
    }
    else{
        document.write("waiting..."+count+"s <br />");
    }
}

window.setInterval('reloadPage()', 1000);

 

2. History

History는 과거의 URL 방문 기록에 접근할 때 사용됩니다.

가장 대표적인 예시로 뒤로가기가 있습니다.

메소드	매개변수	기능	반환값
back()		뒤로가기
forward()		앞으로가기
go(index)	int index : 이동 인덱스	index 만큼 페이지 이동 index가 음수일 때는 뒤로

 

var count = 5;

function reloadPage(){
    count--;
    if(count == 0){
        document.write('go back to previous page <br />');
        window.history.go(-1);
    }
    else{
        document.write(count + 'second left to reload<br />');
    }
}

window.setInterval('reloadPage()', 1000);