Document객체는 브라우저에서 보여주는 문서에 관련된 정보에 접근할 때에도 사용되고 자바스크립트를 이용하여 브라우저에 출처를 할 때에도 사용됩니다. document 객체의 anchors, form, links 배열을 이요하여 문서에 들어있는 표식, 입력 양식, 링크 정보에 접근할 수 있습니다.
사용방법
document.속성
document.메소드
document.속성
document.메소드
document 객체의 속성
| 색상 지정 | 설명 |
alinkColor | 선택 중인 링크 문자색 지정 |
| vlinkcolor | 방문한 링크 문자색 지정 |
| bgcolor | 문서의 배경색 지정 |
cookie | 쿠키를 사용 가능하게 함 |
| fgcolor | 문서의 글자색, 선색 지정 |
| images | 이미지 배열 정보 반환 |
| lastModified | 가장 최근에 수정한 날짜 반환 |
| layers | 레이어 정보 반환 |
linkColor |
링크 문자색 지정 |
referrer | 링크된 이전 문서의 URL정보 |
title |
문서의<title> 태그 내 제목 설정 또는 반환 |
웹 문서와 관련된 정보
| 웹 문서와 관련된 정보 | |
| lastModifed | 홈 페이지가 마지막으로 갱신된 날짜 지정 |
| location | 웹 문서의 URL 주소 저장 |
| URL | 문서의 URL 주소 값 반환 |
| domain | 서버의 도메인 명을 지정하거나 반환 |
| title | <title> 태그 사이의 문서 제목을 제공 |
| cookie | 쿠키 파일의 정보를 읽고 쓸 수 있음 |
| referer | 링크를 실행한 이전 문서의 URL정보를 제공 |
웹문서 포함된 배열 객체
| images | 문서에 삽입된 그림을 배열로 제공 |
| links | 문서에 포함된 모든 링크의 이름을 배열로 제공 |
| forms | <form>태그 입력 순서대로 배열을 제공 |
| anchors | 문서에 포함된 하이퍼링크의 이름을 배열로 제공 |
| Applets | 문서에 포함된 배열들의 배열을 설정 |
| Embeds | 문서에 포함된 플러그인을 배열로 제공 |
| layers | 레이어의 배열 정보를 제공(넷스,네비용) |
document 객체의 메소드
| clear() | 문서의 모든 내용을 지움 |
| open() | 문서의 내용을 보여줌 |
| close() | open()으로 보여준 문서를 닫음 |
| write() | 태그를 포함하는 문자열을 출력 |
| writeln() | <pre>태그와 함께 사용하면 행 마지막에서 자동 개행 자동 개행을 제외하면 write()와 동일한 기능 |
| getSelection() | 마우스로 선택한 문자열을 반환(넷스,네비용) |
예제
history_method.html- <html>
- <head>
- <title> window_test </title>
- <script language="JavaScript">
- <!--
- function exam(link,alink,vlink)
- {
- document.linkColor=link
- document.alinkColor=alink
- document.vlinkColor=vlink
- }
- function exam2(A,B)
- {
- document.fgColor=A
- document.bgColor=B
- }
- -->
- </script>
- </head>
- <body>
- <body onLoad="exam('red','blue','gray')">
- <a href="http://dreamzelkova.tistory.com">느티나무블로그</a>
- <form>
- <p>클릭하면 배경색이 바껴요</p>
- <input type="button" value="황금색" onClick="exam2('gray','gold')"><br>
- <input type="button" value="파란색" onClick="exam2('black','#0000ff')"><br>
- </form>
- </body>
- </html>
반응형
'웹프로그래밍 > javascript' 카테고리의 다른 글
| javascript - navigator (0) | 2011.03.01 |
|---|---|
| javascript - anchor (0) | 2011.02.28 |
| javascript - screen 객체 (0) | 2011.02.23 |
| javascript - window객체 (0) | 2011.02.23 |
| javascript - 제어문 (0) | 2011.02.19 |