브라우저객체 (네비게이터 객체)
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 객체
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
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 : 저해상도 이미지의 경로
'IT > JavaScript' 카테고리의 다른 글
Location, Frame, Navigator 객체 (0) | 2013.07.03 |
---|---|
도큐먼트, 히스토리 객체 (0) | 2013.06.29 |
내장개체(String, Date, Math, Array, Function, Screen, Number, Event (0) | 2013.06.29 |
함수, (0) | 2013.06.28 |
Java Script 기본구조 (0) | 2013.06.28 |