본문 바로가기

프로그래밍 세상/자바스크립트 이야기

제 14장. 브라우저 창 스크립팅

 

                           브라우저 창 스크립팅 의 예제

 

      Script Sample 소스

 

 

          Sample 실행 화면

 

   

< 설명 >

창 위치과 크기

1. devicePixelRatio

상대적으로 이미지 해상도 비율을 나타내는 값, 장비마다 다르다.

PC, iPhone 3G : 1

iPhone 4 : 2

NexusOne : 1.5

2. innerHeight, innerWidth

브라우저 창 크기에서 메뉴바, 툴바, 스크롤바 등의 크기를 뺀 크기

3. length

현재 윈도우 안의 frame 숫자(iframe 포함)

4. outerHeight, outerWidth

브라우저 창의 전체 크기

5. pageXOffset, pageYOffset ( = scrollX, scrollY )

화면 좌측 상단 모서리로 부터 현재 문서 스크롤 위치 - 브라우저 위치 아님 ( 하단 이미지 참고 )

6. screenLeft, screenTop ( = screenX, screenY )

화면 좌측 상단 모서리로 부터 브라우저의 위치

Location 객체

href : 현재 문서의 주소

protocol: 프로토콜 형식 ( http:, ftp:, file: ... )

History 객체

back() : 페이지를 여러번 이동했을 경우 뒤로가기 버튼을 눌렀을 때의 효과

forward() : 페이지를 여러번 이동했을 경우 앞으로 가기 버튼을 눌렀을 때의 효과

Screen 객체

availHeight : 작업표시줄을 제외한 화면의 높이(pixel)

availWidth : 작업표시줄을 제외한 화면의 너비(pixel)

availTop : 화면 표시 영역의 Y좌표

availleft : 화면 표시 영역의 X좌표

height : 화면의 높이(작업표시줄 포함)

width : 화면의 너비(작업표시줄 포함)

colorDepth : 사용하려는 컬럼 팔레트의 색상수

pixelDepth : 화면의 컬러 해상도(bits/pixel)