document 개체는 현재 열려있는 HTML 문서를 말하며 script를 통해 접속하고 제어를 가능하게 한다.

document.propertyName

document.methodName(parameters)

document.eventName='JsCode'

인수

propertyName : (속성명)

적용할 수 있는 속성들 중의 하나이다.

methodName : (메서드명)

적용할 수 있는 메서드들 중의 하나이다.

parameters : (인수)

methodName에 따라 필요한 인수이다.

eventName : (이벤트처리자명)

적용할 수 있는 이벤트처리자들 중의 하나이다.

JsCode : (수행문)

이벤트가 발생되었을 때 수행될 수행문이다.

특기

이 개체의 스크립트들은 IE3.0부터 적용된다.

document 개체는 HTML 문서의 내용을 점검, 수정 혹은 추가할 때 사용하거나 문서 속에서 이벤트를 처리할 때 사용한다. 웹 페이지에서 document 개체는 window 개체의 document 속성을 통하여 참조하거나 혹은 직접적으로 참조한다.

document 개체는 모든 주 문서에서 항상 참조할 수 있으나, 가벼운(lightweight) DHTML 비헤이비어세 사용되는 HTML 컴포넨트(HTC: HTML Component) 파일은 없다. 이는 HTC 파일에서 document 개체를 사용할 수 없을 때 지정하는 것이기 때문이다. 결과적으로 가벼운 비헤이버는 일반적인 비헤이버보다 빠르고 효과적으로 적용된다. 그러나 가벼운 DHTML 비헤이버들도 일반적인 DHTML 비헤이버와 마찬가지로 주 문서의 document 개체에 접속할 수 있다.

ondocumentready 이벤트는 DHTML 비헤이버에 주 웹문서의 document 개체에 비헤이버가 포함되어 있다는 것을 알린다. ondocumentready 이벤트가 발생되면 비헤이버는 주 document 개체를 처리하기 시작한다.

비헤이버 속의 스크립트로 HTC 파일이나 주 문서의 document 개체를 참조할 수 있다. HTC 파일 속의 스크립트는 element.document로 주 문서의 document 개체를 참조할 수 있다.

적용

개체	script	HTML	규격	IE
custom	[oVal]=custom.document	<>	없음	IE5(win32,unix)
window	[oVal]=window.document	<>	없음	IE3.02(win16,win32,mac),win4.0(ce,unix)

object ⇒

document⇒

⇒

document 설명을 위한 예제

object ⇒

document⇒

⇒

object ⇒

document⇒

⇒

object ⇒

document⇒

⇒

각종 입력폼 요소들, 앵커, 배경색상이나 문자색상 같은 공통 문서 속성들에도 접속을 가능하게 한다.

alinkColor 속성 IE3.02 NS2
⇒ 활성 링크의 색상을 rrggbb 색상이나 색상명칭으로 반환하거나 지정한다.

문법: documentObj.alinkColor[=colorVal]

코드: document.write(document.alinkColor); 결과:

anchors(컬렉션) 속성 IE4 NS4
⇒ document 개체에 포함되어 있는 anchor 개체들의 배열변수 anchors 컬렉션을 조회하고 호출한다.

문법: [cVal=]documentObj.anchors

문법: [oVal=]documentObj.anchors(index)

문법: [oVal=]documentObj.anchors(idVal)

코드: document.write(document.anchors.length) 결과: 11
코드: document.write(document.anchors[2].name) 결과: all

cookie 속성 IE3.02 NS2
⇒ 지정된 document 개체와 연관된 보이며 만료되지 않은 쿠키 리포드를 문자열로 반환하거나 지정한다.

문법: documentObj.cookie[=sVal]

코드: document.write(oObj.cookie); 결과:

domain 속성 IE4 NS3
⇒ document 개체가 있는 서버의 안전 도메인 이름을 반환하거나 설정한다. PC상 화일 주소에는 domain이 없다.

문법: documentObj.domain=sVal

코드: document.write(document.domain); 결과: koxo.com

embeds(컬렉션) 속성 IE4 NS3
⇒ 현재 document 개체 속에 깔린(embedded) 개체들을 배열변수 embeds을 참조한다. 미디나 플래쉬가 해당된다.

문법: [oVal=]documentObj.embeds

문법: [oVal=]documentObj.embeds(index)

문법: [oVal=]documentObj.embeds(idVal)

fgColor 속성 IE3.02 NS2
⇒ document 개체의 글자색상을 rrggbb 색상이나 색상명으로 반환하거나 지정한다.

문법: documentObj.fgColor[=clrVal]

코드: document.write(document.fgColor); 결과:

formName 속성 IE4 NS3
document 개체 속의 각 입력폼은 각각의 document 개체 속성을 갖는다.
document 개체 속의 <FORM NAME="formName">으로 지정된 form 개체명을 각각 참조한다.

문법: documentObj.forms(idVal)
문법: documentObj.forms['formName']

코드: document.write(document.forms[0].name+' | '+document.forms('formName').id) 결과:
코드: document.write(document.forms('formName').elements.length+' | '+document.forms('formName').elements[0].type)
결과:

forms(컬렉션) 속성 IE4 NS2
⇒ document 개체에 포함되어 있는 form 개체들의 배열변수 forms 컬렉션을 참조한다.

문법: [oVal=]documentObj.forms

문법: [oVal=]documentObj.forms(index)

문법: [oVal=]documentObj.forms(idVal)

코드: document.write(document.forms.length+' | '+document.forms[0].elements[0].nodeName) 결과: 1 | INPUT

images(컬렉션) 속성 IE4 NS3
⇒ document 개체에 포함되어 있는 Image 개체들의 배열변수images 컬렉션을 참조한다.

문법: [cVal=]documentObj.images

문법: [oVal=]documentObj.images(index)

문법: [oVal=]documentObj.images(idVal)

코드: document.write(document.images.length+' | '+document.images[0].src)
결과: 53 | http://koxo.com/lang/gif/rfobject.gif

lastModified 속성 IE3.02 NS2
⇒ 읽기 전용으로 document 개체의 최종 수정일자를 반환한다.

문법: [dVal=]documentObj.lastModified

코드: document.write(document.lastModified) 결과: 07/18/2025 15:55:53

linkColor 속성 IE3.02 NS2
⇒ document 개체의 연결색상을 rrggbb 색상이나 색상명칭으로 반환하거나 지정한다.

문법: documentObj.linkColor[=clrVal]

코드: document.write(document.linkColor) 결과:

links(컬렉션) 속성 IE3.02 NS2
⇒ document 개체에 포함되어 있는 link 개체의 배열변수 links 컬렉션을 참조한다.

문법: [oVal=]documentObj.links

문법: [oVal=]documentObj.links(index)

문법: [oVal=]documentObj.links(idVal)

코드: document.write(document.links.length+' | '+document.links[0].href) 결과: 148 | http://koxo.com/lang/js/object/document.html#propertyJump

location(개체) 속성 IE3.02 NS2
⇒ 이 속성은 윈도우의 현재 URL 상세를 갖고 그 값은 항상 윈도우(window)의 location 개체이다.

문법: documentObj.location[=sVal]

코드: document.write(document.location); 결과: http://koxo.com/lang/js/object/document.html
코드: document.write(top.document.location); 결과: http://koxo.com/lang/js/object/document.html

plugins(컬렉션) 속성 IE4 NS3
⇒ document 개체에 포함되어 있는 plugin 개체의 배열변수 plugins 컬렉션을 참조한다.

문법: [oVal=]documentObj.plugins

문법: [oVal=]documentObj.plugins(index)

문법: [oVal=]documentObj.plugins(idVal)

코드: document.write(oObj.plugins.length) 결과: 1

referrer 속성 IE3.02 NS2
⇒ 다른 문서의 link 개체를 클릭하여 현재 document 개체를 호출하여 연결시킨 문서의 주소(URL)를 반환한다.
PC상 화일 주소는 반환하지 않는다.

문법: [sVal=]documentObj.referrer

코드: document.write(document.referrer) 결과:

title 속성 IE3.02 NS2
⇒ document 개체의 <TITLE></TITLE> 속에 기술된 문서의 제목을 반환하거나 지정한다.

문법: documentObj.title[=sVal]

코드: document.write(document.title) 결과: KoXo 자바스크립트 - 개체(object) - *** | document

URL 속성 IE4 NS3
⇒ document 개체의 주소인 URL을 반환하거나 지정한다.

문법: documentObj.URL[=sVal]

코드: document.write(document.URL) 결과: http://koxo.com/lang/js/object/document.html

vlinkColor 속성 IE3.02 NS2
⇒ document 개체의 방문했던 연결의 색상을 rrggbb 색상이나 색상명칭으로 반환하거나 지정한다.

문법: documentObj.vlinkColor[=clrVal]

코드: document.write(document.vlinkColor); 결과:

object ⇒

document⇒

⇒

handleEvent 메서드 - NS4
⇒ 특정 이벤트의 처리기를 호출하는데 사용된다.

문법: documentObj.handleEvent('eventID')

write 메서드 IE3.02 NS2
⇒ 지정된 document 개체에 HTML 표현을 할 수 있게 한다.

문법: documentObj.write('expression(s)')

코드: document.write('<IMG src=../../gif/rfproperty.gif>') 결과:

writeln 메서드 IE3.02 NS2
⇒ 지정된 표현 다음에 새로은 라인이 기록되는 것 이외에는 위 write 메서드와 동일하다.

문법: documentObj.writeln('expression(s)')

코드: document.writeln('<IMG src=../../gif/rfproperty.gif>') 결과:

object ⇒

document⇒

⇒

이벤트	설명
onactivate	엘레멘트 개체가 activeElement 속성으로 설정되면 발생한다.
onbeforeactivate	IE6 엘레멘트 개체가 activeElement 속성으로 설정되기 바로 전에 발생한다.
onbeforecut	문서로 부터 선택한 부분의 잘라내기 하기 바로 전에 원본 개체에 발생한다.
onbeforedeactivate	모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되기 바로 전에 발생한다.
onbeforeeditfocus	편집 가능한 개체가 활성화되거나 편집 가능한 용기에 제어 선택이 이루어 지기 바로 전에 발생한다.
onbeforepaste	시스템 클립보드(잘라낸거나 복사한 내용이 있는)로부터 문서의 목표개체에 붙여 넣기 바로 전에 발생한다.
onblur	document 개체가 초점을 잃으면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onblur='JsCode'
onclick	document 개체에서 마우스를 클릭(눌럿다 놓음)하면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onclick='JsCode'
oncontextmenu	클라이언트 지역에서 오른쪽 마우스 단추를 클릭하였을 때나 콘텍스트(context) 메뉴를 열었을 때 발생
oncontrolselect	사용자가 개체의 제어 선택을 하려고 할 때 발생한다.
oncut	문서의 선택한 내용을 잘라 시스템 클립보드(잘라낸거나 복사한 내용이 있는)에 넣을 때 원본 개체에 발생
ondblclick	document 개체에서 마우스를 연속 두번 클릭하면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.ondblclick='JsCode'
ondeactivate	모체 문서에서 activeElement 속성의 엘레멘트 개체가 현재 개체로 다른 개체로 변경되면 발생한다.
ondrag	연속 끌기 동작이 진행되는 동안 원본 개체에 발생한다.
ondragend	연속 끌기 동작에서 마우스를 해제하여 진행이 완료되면 원본 개체에 발생한다.
ondragenter	연속 끌기 동작에서 성공적인 끌어 놓기가 완료면 목표 개체에 발생한다.
ondragleave	연속 끌기 동작에서 성공적인 끌어 놓기가 완료되어 목표 개체를 이탈하면 목표 개체에 발생한다.
ondragover	연속 끌기 동작에서 유효한 목표 개체 위에 있는 동안 연속적으로 목표 개체에 발생한다.
ondragstart	연속 끌기 동작에서 선택한 텍스트나 개체를 끌기 시작하면 원본 개체에 발생한다.
ondrop	연속 끌기 동작에서 마우스 단추를 해제하면 목표 개체에 발생한다.
onfocus	document 개체가 초점을 받으면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onfocus='JsCode'
onfocusin	IE6 엘레맨트에 초점을 조기 바로 전에 엘레멘트에 발생한다.
onfocusout	IE6 다른 엘레맨트로 초점을 이동하면 바로 현재 엘레멘트에 발생한다.
onhelp	활성 윈도우에서 도움말을 위하여 F1 키를 누르면 발생된다.
onkeydown	document 개체에서 자판(key)을 누르면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onkeydown='JsCode'
onkeypress	document 개체에서 자판(key)을 누르고 있으면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onkeypress='JsCode'
onkeyup	document 개체에서 자판(key) 누름을 해제하면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onkeyup='JsCode'
onload	윈도우가 document 개체를 완전히 읽었을 때 발생되며 지정된 JsCode 코드를 수행한다. 문법: documentObj.onload='JsCode'
onmousedown	document 개체에서 마우스 단추를 눌렀을 때 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onmousedown='JsCode'
onmousemove	마우스 포인터가 개체 위에서 이동하면 발생한다.
onmouseout	마우스 포인터가 개체 밖으로 이동하면 발생한다.
onmouseover	마우스 포인터가 개체 위로 이동하면 발생한다.
onmouseup	document 개체에서 단추 누름을 해제하면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onmouseup='JsCode'
onmousewheel	IE6 마우스 휠(wheel)을 굴리면 발생한다.
onmove	개체가 이동하면 발생한다.
onmoveend	개체의 이동이 중지되면 발생한다.
onmovestart	개체가 이동하기 시작하면 발생한다.
onpaste	시스템 클립보드(잘라낸거나 복사한 내용이 있는)로부터 문서의 목표개체에 붙여 넣으면 발생한다.
onpropertychange	개체의 속성을 변경발생한다.
onreadystatechange	개체의 준비상태(readyState) 속성을 변경시키면 발생한다.
onresizeend	제어 섹션에서 개체의 크기 변경이 완료되면 발생한다.
onresizestart	제어 섹션에서 개체의 크기 변경이 시작되면 발생한다.
onselectionchange	문서의 선택된 부분의 상태가 변경되었을 때 발생된다.
onstop	사용자가 중지 단추를 클릭하거나 웹 페이지를 닫을 때 발생한다.
onunload	document 개체에서 이탈하여 다른 곳으로 가면 발생되고 지정된 JsCode를 수행한다. 문법: documentObj.onunload='JsCode'

object ⇒

document⇒

⇒

document 개체 예제

<SCRIPT>
str='';
if (document.title) str+='document.title='+document.title+'<BR>';
str+='document.charset='+document.charset+'<BR>';
str+='document.defaultCharset='+document.defaultCharset+'<BR>';
str+='document.location='+document.location+'<BR>';
str+='document.vlinkColor='+document.vlinkColor+'<BR>';
str+='document.body.clientWidth='+document.body.clientWidth+'<BR>';
document.write(str);
</SCRIPT>

	선택사항으로 새로운 창 열기	문서 관련, anchors 배열변수	URL 연결 (link) 예제
	links 배열변수 보기	HTML부위로 가는 예제	방문 한 기록 (history) 예제

object ⇒

document

⇒

최종 수정: 07/18/2025 15:55:54

All right reserved

비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속으로 시도해 보세요.

http://koxo.com/lang/js/object/document.html