document 객체
document 객체는 window 하위 객체이다. 그러나 웹 페이지를 제어할 때 가장 많이 사용하는 객체중에 하나일것이다.
1. 주요 속성
| 속성 | 설명 |
| bgColor | 문서의 배경색 |
| fgColor | 문서의 전경색 |
| linkColor | 문서의 하이퍼 링크 색상 |
| alinkColor | 링크를 클릭했을때 색상 |
| vlinkColor | 이전에 방문했던 링크의 색상 |
| cookie | 쿠키에 대한 속성 |
| form | 문서에 있는 입력 양식을 참조하는 속성 |
| image | 문서에 있는 이미지를 참조하는 속성 |
| lastmodified | 문서의 최종적으로 수정한 날짜 |
| title | 문서의 제목을 표시하는 속성 |
2. 주요 메소드
| 메소드 | 설명 |
| write / writeln | 문서에 지정된 문자를 표시 |
| open | document를 연다. |
| close | document를 닫는다. |
| clear | 문서에 표시된 내용을 지운다. |
| getElementById("id") | id값에 해당하는 태그를 가져온다. |
[실습예제] 버튼으로 바탕색 변경하기
<v:f eqn="if lineDrawn pixelLineWidth 0"></v:f><v:f eqn="sum @0 1 0"></v:f><v:f eqn="sum 0 0 @1"></v:f><v:f eqn="prod @2 1 2"></v:f><v:f eqn="prod @3 21600 pixelWidth"></v:f><v:f eqn="prod @3 21600 pixelHeight"></v:f><v:f eqn="sum @0 0 1"></v:f><v:f eqn="prod @6 1 2"></v:f><v:f eqn="prod @7 21600 pixelWidth"></v:f><v:f eqn="sum @8 21600 0"></v:f><v:f eqn="prod @7 21600 pixelHeight"></v:f><v:f eqn="sum @10 21600 0"></v:f><o:lock aspectratio="t" v:ext="edit"></o:lock><html>
<head>
<title> 버튼으로 바탕색 변경하기</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function backColor(color){
document.bgColor= color;
document.fgColor="#FFFFFF";
}
//-->
</SCRIPT>
</head>
<body>
<input type="button" value="RED" onclick="backColor('#FF0000')">
<input type="button" value="BLUE" onclick="backColor('#0000FF')">
<h1> 글자색은 ...</h1>
</body>
</html>
[실습예제] 버튼으로 도큐멘트 열기
<v:f eqn="if lineDrawn pixelLineWidth 0"></v:f><v:f eqn="sum @0 1 0"></v:f><v:f eqn="sum 0 0 @1"></v:f><v:f eqn="prod @2 1 2"></v:f><v:f eqn="prod @3 21600 pixelWidth"></v:f><v:f eqn="prod @3 21600 pixelHeight"></v:f><v:f eqn="sum @0 0 1"></v:f><v:f eqn="prod @6 1 2"></v:f><v:f eqn="prod @7 21600 pixelWidth"></v:f><v:f eqn="sum @8 21600 0"></v:f><v:f eqn="prod @7 21600 pixelHeight"></v:f><v:f eqn="sum @10 21600 0"></v:f><o:lock aspectratio="t" v:ext="edit"></o:lock><html>
<head>
<title> 버튼으로 도큐멘트 오픈</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
function docuOpen(){
win = window.open("","","width=100, height=100");
win.document.open();
win.document.write("하이...박원기");
}
//-->
</SCRIPT>
</head>
<body>
<input type="button" value="Document Open" onclick="docuOpen()">
</body>
</html>
'BOOK > 자바스크립트' 카테고리의 다른 글
| history 객체 (0) | 2021.07.30 |
|---|---|
| location 객체 (0) | 2021.07.30 |
| 배열(Array) (0) | 2021.07.30 |
| 함수개요 (0) | 2021.07.30 |
| 제어문 (0) | 2021.07.30 |
댓글