9 브라우저 객체 모델.

Presentation on theme: "9 브라우저 객체 모델."— Presentation transcript:

1 9 브라우저 객체 모델

2 9. 브라우저 객체 모델 브라우저 객체 모델 웹 브라우저와 관련된 객체의 집합 대표적인 브라우저 객체 모델
window, location, navigator, history,screen, document 객체

3 9. 브라우저 객체 모델 브라우저 객체 모델 브라우저 관련 객체 정리

4 9.1 window 객체 window 객체 window 객체의 속성과 메서드 출력
코드를 실행  익스플로러, 크롬에서는 확인 할 수 없음  파이어폭스 4나 오페라 브라우저를 사용하면 결과 확인 가능

5 9.1 window 객체 window 객체 window 객체의 속성 많은 속성이 있음 일부 익스플로러에서는 실행되지 않음

6 9.1 window 객체 window 객체 window 객체는 브라우저 기반 자바스크립트의 최상위 객체
alert( ), prompt ( ) 함수 모두 window 객체의 메서드

7 9.2 새로운 window 객체 생성 새로운 window 객체 생성 window 객체 생성
open ( ) 메서드는 네 개의 매개변수가 있음 입력해도 되고 입력하지 않아도 되는 매개변수를 옵션이라고 함 open ( ) 메서드의 모든 매개변수는 옵션

8 9.2 새로운 window 객체 생성 새로운 window 객체 생성 open( ) 메서드의 옵션을 사용하지 않은 예

9 9.2 새로운 window 객체 생성 새로운 window 객체 생성 open( ) 메서드의 옵션을 사용한 예

10 9.2 새로운 window 객체 생성 새로운 window 객체 생성
open( ) 메서드의 첫 번째 매개변수  열고자 하는 HTML 페이지의 URL open( ) 메서드의 두 번째 매개변수  윈도 간 통신하는데 사용하는 윈도 이름 open( ) 메서드의 세 번째 매개변수  윈도 출력 모양을 지정하는 옵션

11 9.2 새로운 window 객체 생성 새로운 window 객체 생성 open( ) 메서드의 속성과 메서드

12 9.3 window 객체의 기본 메서드 window 객체의 기본 메서드

13 9.3 window 객체의 기본 메서드 window 객체의 기본 메서드 상대 이동과 절대 이동
○○By ( ) 형태의 메서드 : 현재의 윈도를 기준으로 상대적으로 속성 을 변화 ○○To ( ) 형태의 메서드 : 절대적인 기준으로 속성을 변화

14 9.4 screen 객체 screen 객체 웹 브라우저의 화면이 아닌 운영체제 화면의 속성을 가지는 객체

15 9.5 location 객체 location 객체 브라우저의 주소 표시줄과 관련된 객체

16 9.5 location 객체 location 객체 location 객체의 속성
replace ( ) 메서드는 뒤로 가기 버튼을 사용할 수 없음

17 9.6 navigator 객체 navigator 객체

18 9.7 window 객체의 onload 이벤트 속성

19 9.7 window 객체의 onload 이벤트 속성
window 객체 로드가 완료되는 때는? HTML 페이지에 존재하는 모든 태그가 화면에 올라가는 순간이 로 드가 완료되는 순간 HTML 페이지 생성 순서

20 9.7 window 객체의 onload 이벤트 속성
HTML 페이지 실행 출력 순서

21 9.7 window 객체의 onload 이벤트 속성

22