location 객체
location 객체는 열려 있는 윈도우의 URL 주소를 제어하는 객체이다. 브라우저의 주소입력란을 의미하며, 열려져 있는 웹 문서의 프로토콜의 종류, 포트번호, 호스트명, 문서의 경로, 문서의 이름등을 얻을 수 있다.
1.1. 주요 속성
| 속성 | 설명 |
| href | 현재 페이지를 저정된 주소로 이동 |
| host | 호스트 이름과 포트 번호 표시 |
| hostname | 호스트 이름 표시 |
| protocol | 프로토콜 종류를 표시 |
| port | 포트 번호 표시 |
| hash | URL에서 지정된 표식 이름 |
| search | 검색 엔진을 호출할 때 CGI 정보를 나타내는 속성 |
1.2. 주요 메서드
| 메서드 | 설명 |
| reload() | 현재 문서를 다시 읽음. |
| replace() | 현재 문서를 지정한 문서로 교체해줌. |
| assign() | location.href(URL)를 설정하는 메서드 |
| toString() | location.href 값을 문자열로 반환 |
[실습예제] 다른 웹페이지로 이동하기
<HTML>
<HEAD>
<TITLE> Location 객체 </TITLE>
<script>
function reloadRtn(ff){
location.reload();
}
function replaceRtn(ff){
url = ff.url.value;
location.replace(url);
}
function hrefRtn(ff){
location.href=ff.url.value;
}
</script>
</HEAD>
<BODY>
<form name="frm">
<input type="text" name="url" size=40 value="http://www.itjava.co.kr">
<input type="button" value="reload" onClick="reloadRtn(this.form)">
<input type="button" value="replace" onClick="replaceRtn(this.form)">
<input type="button" value="href" onClick="hrefRtn(this.form)">
</form>
</BODY>
</HTML>
replace()는 현재 페이지 내용을 바꾸지만, href는 지정된 주소로 이동한다. 따라서 replace()는 history가 발생하지 않아 뒤로 갈 수 없고, href는 history가 발생하여 뒤로 갈 수 있다.
'BOOK > 자바스크립트' 카테고리의 다른 글
| window 객체 (0) | 2021.07.30 |
|---|---|
| history 객체 (0) | 2021.07.30 |
| document 객체 (0) | 2021.07.30 |
| 배열(Array) (0) | 2021.07.30 |
| 함수개요 (0) | 2021.07.30 |
댓글