Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

nkdk의 세상

JS :: 브라우저 내장객체 Window 본문

My Programing/HTML and JavaScript

JS :: 브라우저 내장객체 Window

nkdk 2008. 6. 16. 10:00

  • Window객체
    최상위객체로 브라우저창에 관련된 속성과 메서드를 지원합니다.
    • classes : CSS클래스들의 정보를 처리할 때 사용됩니다.
    • defaultsStats : 브라우저의 상태바의 초기문자열을 설정하거나 반환합니다.
    • frames : window객체안에 있는 프레임정보를 처리할 때 사용됩니다.
    • opener : open()메서드를 이용하여 연 문서를 말합니다.
    • outerHeight : 브라우저 창의 높이값을 설정하거나 반환합니다.
    • outWidth : 브라우저 창의 너비값을 설정하거나 반환합니다.
    • perent : 상위의 window객체를 처리할 때 사용됩니다.
    • self : 현재창의 객체를 처리할 때 사용됩니다.
    • status : 브라우저의 상태바에 문자열을 출력합니다.
    • tags : 문서안에 정의된 모든 태그의 정보를 가지고 있습니다.
    • top : 최상위의 window객체를 처리할 때 사용됩니다.
    • alert() : [확인]버튼이 있는 대화상자를 화면에 출력합니다.
    • close() : open()메서드로 연 창을 닫습니다.
    • confirm() : [확인],[취소]버튼이 있는 대화상자를 화면에 보여줍니다.
    • moveBy() : 상대적인 (x, y)좌표로 브라우저를 이동합니다.
    • moveTo() : 절대적인 좌표로 이동합니다.
    • open() : 새로운 창을 열어줍니다.
    • print() : 현재 화면을 프린터로 출력할 수 있게 해줍니다.
    • prompt() : 문자열을 입력받을 수 있는 대화상자를 보여줍니다.
    • resizeBy() : 상대적인 좌표로 창의 크기를 설정합니다.
    • resizeTo() : 절대적인 좌표로 창의 크기를 설정합니다.
    • scrollBy() : 상대적인 좌표로 스크롤 위치값을 설정합니다.
    • scrollTo() : 절대적인 좌표로 스크롤 위치값을 설정합니다.
    • setInterval() : 일정간격으로 함수안에 있는 문장을 수해하기 위해서 사용됩니다.

  • <body>
    html문서의 전반적인 내용을 총괄합니다.
    • onload : 해당문서를 읽어올 때 이벤트를 발생시킵니다.
  • <input>
    입력양식을 생성합니다.
    • type : 생성할 입력양식을 설정합니다.
      • button : 버튼을 생성합니다.
        • onclick : 클릭시 이벤트를 발생시킵니다.

<html>
<body onload="window.resizeTo(600, 400)">
<form>

<hr>
브라우저 크기조정 :
<input type="button" value="확대" onClick="window.resizeBy(20, 20)">
<input type="button" value="축소" onClick="window.resizeBy(-20, -20)">
<hr>
브라우저 위치이동 :
<input type="button" value="상" onClick="window.moveBy(0, -20)">
<input type="button" value="하" onClick="window.moveBy(0, 20)">
<input type="button" value="좌" onClick="window.moveBy(-20, 0)">
<input type="button" value="우" onClick="window.moveBy(20, 0)">
<hr>

</form>
</body>
</html>

'My Programing/HTML and JavaScript' Related Articles more