[자바스크립트] window(윈도우) 객체, window 메소드와 간단예제
window 객체는 자바스크립트의 브라우저 내장 객체의 최상위 객체로서 전체 윈도우에[ 적용될 내용들을 가지고 있으며 프레임 문서 내에서 자식 윈도우 각각에 대한 윈도우 객체들도 존재한다.
최상위 window 객체가 가지고 있는 객체
window 객체가 가지고 있는 객체에 대해서 알아보도록 하자.
location 객체 : 현재의 URL을 가지고 있다.
history 객체 : 사용자가 이전에 방문한 URL을 표현하는 기능을 가지고 있다.
document 객체 : 제목, 배경색, 폼에 대한 속성을 가지고 있는데 현재의 문서에 대한 내용을 가지고 있다. document의 속성은 주로 문서의 내용을 가지고 있다. location, history, document 들은 문서 내의 내용을 기초로 생성된다.
예를 들어 다음과 같은 HTML을 포함하는 밑에 예제를 살펴보자.
textbox는 window 객체의 하위 객체이고, checkbox와 button은 document 객체의 하위 객체이다. 이 예제에서는 window 객체와 document 객체가 어떻게 사용되는지 보여주는 예제이다
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>자바스크립트 간단한 예제</title> </head> <body> <form class="left" name="myform" action="formProc()" method="get"> 값: <input type="text" name="text1" value="무엇이 나올까요?" size="20"> 원하는것을 체크: <input type="checkbox" name="check1" checked onclick="update(this.form)">선택1<p> <input type="button" name="button1" value="클릭해주세요." onclick="update(this.form)"> </form> </body> </html> | cs |
window, location, history.document 객체는 어디에서나 볼 수 있는 객체들이다.
간단 예제
1) location.href = "http://www.daum.net"
//다음의 위치를 하이퍼링크시켜준다.
2) document.title="다음이다!"
//다음의 문서 제목을 "다음이다!" 라고 표현해준다.
3) document.fgColor = #f0f0f0
//문서의 전경색의 색상을 위 RGP 코드로 표시해준다.
4) document.bgColor = $ffffff
//문서의 배경색의 색상을 위 RGP 코드로 표시해준다.
5) history.length = 7
//이를 이용해서 이전에 홈페이지에 왔던 사람인지 아닌지를 구분할 수 있다. 이것은 history 객체가 사용자가 이전에 URL에 방문한 기록을 가지고 있기 때문이다.
window 객체의 메소드와 기능들을 알아보자!!
메소드 |
기능 |
alert() |
사용자에게 간단하게 메시지를 전달하는 대화상자로 확인할 수 있는 버튼 하나만 있다. |
back() |
사용자가 이전에 사용했던 홈페이지나 문서로 이동할 떄 사용하는 메소드이다. |
clearTimeout() |
setTimeout() 메소드를 이용해서 임의의 시간을 지정해놓은 것을 해제할 때 사용하는 메소드이다. |
close() |
open() 메소드를 이용해서 생성해준 윈도우나 최초의 윈도우를 종료할 때 사용하는 메소드이다. |
confirm() |
사용자가 어떠한 항목에 대해서 둘 중 하나를 선택할 수 있도록 해주는 메소드로 확인과 취소 버튼이 있다. |
find() |
현재 웹 브라우저 화면 내에서 텍스트를 검색할 수 있다 |
forward() |
사용자가 다음에 사용한 홈페이지나 문서로 이동할 사용하는 메소드이다. |
home() |
사용자가 웹 브라우저에 디폴트로 지정해준 홈페이지로 이동할 수 있도록 만들어주는 메소드이다. |
moveBy() |
윈도우의 위치를 기준이 되는 위치로부터 상대적으로 이동할 때 사용하는 메소드이다. |
moveTo() |
윈도우를 처음부터 지정되어 있는 절대 위치로 이동할 때 사용하는 메소드이다. |
open() |
윈도우를 열 수 있도록 해주는 메소드로 윈도우를 생성할 때 사용한다. |
print() |
현재 웹 브라우저의 내용을 프린터를 이용해서 출력할 수 있도록 만들어주는 메소드이다. |
prompt() |
사용자가 문자열을 입력할 수 있도록 해주는 메소드이다. |
resizeBy() |
윈도우의 크기를 상대적으로 변경할 때 사용한다. |
resizeTo() |
윈도우의 크기를 절대적 크기로 변경할 때 사용한다. |
scrollBy() |
윈도우에서 상대적으로 스크롤바를 나타낼 때 사용하는 메소드이다. |
scrollTo() |
윈도우에서 절대적으로 스크롤바를 나타낼 때 사용하는 메소드이다. |
setTimeout() |
임의의 지정된 시간 동안 지연이 된 다음 지정된 명령을 수행할 수 있도록 한다. 예를 들면 시계에서 일정한 시간이 지난 다음에 초침 또는 숫자가 변경되도록 만들어준다. |
setInterval() |
한 가지 또는 여러 가지의 일을 주기적 명령으로 실행할 때 사용하는 메소드이다. |
stop() |
웹 브라우저를 이용해서 문서를 전송하거나 받는 것을 중지할 때 사용한다. |
'이전 게시글 > 컴퓨터#웹 Jv.Script' 카테고리의 다른 글
| 자바스크립트 prompt 메소드 간단예제와 뜻 (0) | 2016.04.24 |
|---|---|
| 자바스크립트 confirm() 메소드 뜻과 간단예제 (0) | 2016.04.24 |
| [자바스크립트] 객채에서 자주 사용되는 키워드(this,with,forin,typeof) (0) | 2016.04.17 |
| [자바스크립트] 이벤트 핸들러 예제, 이벤트 객체를 알아보자 (0) | 2016.04.17 |
| js 파일로 연결하여 사용 시 한글 깨짐 현상 (0) | 2016.03.21 |
