반응형
자바스크립트 객체의 종류와 설명이다
document : 현재 웹 페이지의 본문을 나타낸다. 이 객체를 사용하면 링크(link), 이미지, 앵커(anchor) 등과
같은 웹 페이지의 모든 구성요소에 접근할 수 있다.
history : 웹 브라우저에서 현재 페이지를 열기 전까지의 사이트 기록을 같고있다. 이객체를 사용하면,
히스토리(history) 목록을 통해 이전 페이지 또는 다음 페이지로 이동할 수 있다.
location : 현재 웹 페이지의 위치에 대한 URL, 도메인이름, 경로, 서버포트 등의 정보를 갖는다.
navigator : 실제로 브라우저 자체를 가리킨다. 이 객체를 사용하면, 사용중인 브라우저의 종류를 알아낼 수 있다.
window : 현재 브라우저 창을 가리키며, 여러가지 강력한 메소드들을 제공한다.
Internet Explorer에서는 event라는 하위 객체를 사용하여 이벤트를 처리할 수 있다.
■ location 객체 프로퍼티
href | 문서의 URL 주소 | 위 주소 전체 |
host | 호스트 이름과 포트 | http://www.codewiz.co.kr:80 |
hostname | 호스트 컴퓨터이름 | http://www.codewiz.co.kr |
hash | 앵커이름 | #top |
pathname | 디렉토리 이하 경로 | /column2/list.asp |
port | 포트번호 부분 | 80 |
protocol | 프로토콜 종류 | http: |
search | URL 조회부분 | table=table30&page=2 |
■ location 객체 메서드 |
eval() | 문자열을 숫자로 바꿈 |
toString() | 오브젝트를 문자열로 바꿈 |
reload() | 현재 문서를 다시 읽어옴 |
replace() | 현재 문서를 다른 URL 문서로 바꿈 |
valueOf() | 오브젝트 값을 표시 |
toSource() | 오브젝트 값을 문자열로 표시 |
■ 활용예제
<script language="javascript">
<script language="javascript">
alert("회원가입을 하시겠습니까?")
location.href= "member.html"
</script>
alert("회원가입을 하시겠습니까?")
location.href= "member.html"
</script>
<script language="javascript">
// 연 창의 URL 이동
opener.location.href= "member.html"
</script>
// 연 창의 URL 이동
opener.location.href= "member.html"
</script>
<script language="javascript">
// 부모창 지정프레임의 URL 이동
parent .frame1.location.href= "member.html"
</script>
// 부모창 지정프레임의 URL 이동
parent .frame1.location.href= "member.html"
</script>
<script language="javascript">
// 전체창에 새 페이지 열기
top.location.href= "index.html"
</script>
// 전체창에 새 페이지 열기
top.location.href= "index.html"
</script>
활용예제이다.
// 역슬레쉬로 구분해서 배열을 만든다
var path = parent.frames["input"].location.pathname.split('/');
// 배열의 마지막 요소의 값을 저장한다
var temp = "";
temp = path[path.length - 1];
반응형
댓글을 달아 주세요