브라우저, 윈도우 객체

  브라우저객체 (네비게이터 객체)

1. 네비게이터 객체란?

   웹브라우저 자체의 정보를 취급하는 객체로서 계층구조를 갖는다.

   가장 상위객체는 window이고 대개 생략한다. 상위부터 순서대로 "."로 구분한다.

2. 계층 구조

    Window ┬ Document ┬ Form ──┬ Text 

                ├ Location   ├ Link        ├ Textarea

                ├ Frame       ├ Image     ├ Fileupload

                └ History      ├ Anchor   ├ Password

                                   ├ Applet     ├ Hidden

                                   ├ Layer      ├ Submit

                                   └ Area      ├ Reset

                                                     ├ Radio

                                                     ├ Checkbox

                                                     ├ Button

                                                     └ Select

    Navigator ┬ Plug-in

                  └ MimeType

    Screen

    Event

  Window 객체

1. window객체 : 최상위 객체이다 보니 대개 생략해서 쓴다.

2. 객체속성

   .name    : 윈도우의 이름 지정

   .location : 현재 윈도우에 있는 location의 객체를 반환

   .opener  : 윈도우를 새로 연 부모 윈도우 표시

   .parent   : 상위객체 표시   .속성  .메소드  

   .self       : 현재의 창 표시

   .top        : 최상위 객체를 표시   .속성 .메소드 .프레임이름 .프레임[n]

   .status    : 브라우저의 상태표시줄을 선택. 이벤트에 따라 상황에 따라 변형을 줄때 사용 

   .defaultStatus : 브라우저의 상태표시줄에 초기 입력값을 설정

   .classes : 문서내에 정의된 CSS 클래스들의 정보를 제공

   .frames[n] : 윈도우에서 사용된 프레임의 배열정보. n은 배열의 index값

   .length    : 부모 윈도우의 프레임갯수

   .closed   : 윈도우가 닫혔는지 표시

3. 이벤트 핸들러

   - onBlur    : focus를 받았을 경우

   - onFocus : focus를 잃었을 경우

   - onDragdrop: 객체를 드래그했을 경우

   - onError   : 문서를 읽던중 에러가 났을 경우

   - onLoad   : 문서를 읽었을 경우

   - onUnload : 현문서를 이동하거나 종료했을 경우

4. 메소드

   - alert(), prompt(), confirm()  ---> 내장함수 에서 설명

   - open("URL","새윈도우의 이름",속성1=속성값1, 속성2=속성값2...) : 새윈도우를 연다.

      open()메소드에 사용되는 속성

       ~ copyhistory = yes/no  : 히스토리 정보를 저장할지 여부

       ~ directories :연결표시줄을 넣을지             ~ location  :주소표시줄을 넣을지

       ~ menubar    :메뉴바를 넣을지                   ~ toolbar   :툴바를 넣을지

       ~ resizable   :새창의 크기조절이 가능할지   ~ scrollbar :스크롤바를 생성시킬지

       ~ status       :상태표시줄을 넣을지

       ~ width, height  : 새창의 넓이, 높이를 픽셀단위로 지정

   - close() :브라우저를 닫는다.

   - blur("URL") : 지정 윈도우를 비활성시키고 다른 윈도우로 포커스를 넘긴다.

   - setTimeout("실행할 자바코드",코드실행대기시간) : 지정시간후에 명령을 실행할 타이머설정

   - clearTimeout(setTimeout()실행return값) : 설정된 타이머를 제거

   - setInterval("실행할 자바코드",반복주기) : 지정시간마다 명령을 반복. 주기단위는 1/1000초

   - clearInterval(setInterval()실행return값)  : 설정된 반복주기를 제거

   - moveBy(가로로 이동할 길이, 세로로 이동할 길이) : 현재창의 위치를 기준으로 값만큼 이동

   - moveTo(가로로 이동할 길이, 세로로 이동할 길이) : 화면의 좌측상단을 기준으로 값만큼 이동

   - resizeBy(증감시킬 넓이, 증감시킬 높이) : 현재창의 위치를 기준으로 값만큼 변경

   - resizeTo(넓이, 높이) : 현재창의 전체의 크기를 변경

   - scrollBy(가로길이, 세로길이) : 현재창의 위치를 기준으로 길이값 지정

   - scrollTo(가로길이, 세로길이) : 화면의 좌측상단을 기준으로 길이값 지정

   - print() : 현페이지를 프린트 해준다.

  Document 객체

1. 속성

  ⓐ 색상지정 속성

    .bgcolor :문서의 배경색 지정

    .fgcolor  : 문서의 글자색 지정

    .linkcolor  : 링크가 되어있는 글자의 색지정

    .alinkcolor : 링크를 실행할 때의 글자 색지정

    .vlinkcolot : 링크를 실행한 후의 글자 색지정

   ⓑ 문서정보 관련속성

    .lastModified : 문서가 마지막으로 수정된 날짜표시

    .location : 문서가 있는 주소

    .referrer  : 현 문서를 호줄한 주소

    .title       : 문서의 제목

    .URL      : 문서의 주소

    .domain  : 현 서버의 도메인 

    .cookie   : 일정한 값 지정

      쿠키의 설정

         set-cookie: name= 쿠키의 이름

                          expires=요일,일-월 시:분:초  -> 쿠키가 유지되는 시간. 

                                                                       값이 없으면 브라우져 종료시 까지 유지

                          path=/디렉토리/ ----> 웹서버의 경로

                          domain=도메인명 ---> 웹 서버 도메인

                          secure ------------> 1이면 보안서버에 접속했을때만 쿠키를 전송

      쿠키의 사용

         document.cookie

    .embeds[index값] : 플러그인을 설정  

        예) document.embeds[1].play(false)  ----> play는 플러그인 속성

2. 메소드

    open(), clear() : 문서를 열고, 닫는다.

    clear() : 브라우저에 나타난 문서의 내용을 지운다.

    write("내용") : 문서에 내용을 출력

    writeIn("내용") : 내용을 출력함과 동시에 줄을 바꾸어 준다.  

                           자바스크립트소스가  <PRE>태그로 지정되어 있어야 된다.

    getSelection() : 마우스로 드래그한 문자열을 반환 (넷스케이프용)

3. 이벤트 핸들러

   onClick, onDbClick, onKeyDown, onKeyPress, onKeyUp, onMouseDown, onMouseUp 

  Document 하부객체 -  Link, Anchor, Image

1. Link 객체: 문서내의 링크 즉 <A href>태그에 대한 정보 추출

    document.links[n]  n은 링크의 배열번호 인덱스 (0부터 시작)

 <속성>

   .length  : 문서내의 총 링크수

   .href     : URL을 구한다.

   .pathname : 링크가 설정되어 있는 경로

   .target   : 링크의 타겟윈도우나 프레임

   .host     : URL, 호스트명, 포트번호 를 구한다.  도메인이나 IP주소

   .hostname : URL, 호스트명

   .hash    : 책갈피 이름

   .port      : 포트번호

   .protocol : 프로토콜

   .search  : 검색엔진에서 사용하는 ? 다음에 오는 문자열

2. Anchor 객체 :책갈피 기능

    document.anchors[해당앵커의 배열index] :해당 배열번호의 책갈피위치를 지정

    document.anchors[앵커명] : 앵커명으로 된 책갈피의 위치 지정

    document.anchors.length :책갈피의 총 갯수 --> </BODY>태크 바로전에 갯수파악

3. Image 객체 : 삽입되는 이미지에 관한 정보제공

    document.images[n]  n은 이미지의 배열번호 인덱스 (0부터 시작)

   

< 속성>

   .length : 문서에 삽입된 이미지의 갯수

   .name  : 이미지의 이름

   .src     : 이미지화일의 경로

   .align   : 정렬방식

   .border : 테두리 두께

   .width, height     : 이미지의 너비, 높이

   .hspace, vspace : 이미지의 너비,높이에 대한 여백

   .complete : 이미지의 전송이 완료되었는지 여부 (true/false)

   .lowsrc   : 저해상도 이미지의 경로