document 객체

Document 객체

 

1) window 객체의 하위 객체

2) HTML 문서 정보 관리 객체

3) 하위 객체 ( Layer, Link, Image, Area, Anchor, Applet, Form ) 등 이용

4) 브라우져 마다 다른 객체 제공

 

속성	내용
title	문서 제목
location	URL
lastModified	문서의 마지막 수정 날짜
referer	이전 URL
bgColor	배경색
fgColor	전경색
linkColor	Link색
alinkColor	Link를 Click할때의 색
vlinkColor	Link를 Click하고 난 후의 색(이미 방문한곳 포함)
anchors	문서의 label (배열)
forms	문서 입력 양식 (배열)
links	문서에 있는 Link (배열)
cookie	Cookie 정보 (배열)
images	문서에 있는 Image (배열)
applets	문서에 있는 Applet (배열)
embeds	문서에 있는 Plug-in (배열)
lavers	문서 Layer (배열)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

- document.links.length; // 문서의 링크수
- document.links[배열번호]; // 몇번째 링크값

- document.images.length; // 이미지수

- document.images[배열번호]; // 배열번호번째 이미지객체

 

Method	내용
open()	문서 열기
close()	문서 닫기
clear()	문서 지우기
write()	문서에 쓰기(출력)
writeln()	문서에 쓰기(출력, 줄바꿈 포함)
getSelection()	선택한 문자열 얻기

 

 

문서 Title 설정

<script language='javascript' type='text/javascript' >document.title='브라우져Title';</script>

 

문서 상태바 Title 설정

<script language='javascript' type='text/javascript' >document.status='브라우져StatusTitle';</script>

 

예: 문서 Title, 상태바 Title 1초마다 시간 가져오기

<script language='javascript' type='text/javascript'> function setTimer(){ var todoy = new Date(); // 브라우져 Title에 일자 넣기 document.title = today.toLocalString(); // 브라우져 상태바에 일자 넣기 document.status = today.toLocalString(); setTimeout("setTimer()", 1000); // 1초마다 호출 } </script> // body onLoad="setTimer()" 호출