브라우저 창 스크립팅 의 예제 |
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) |
'프로그래밍 세상 > 자바스크립트 이야기' 카테고리의 다른 글
제 16장 CSS와 DHTML (4) | 2012.11.16 |
---|---|
제 15장. 문서 스크립팅 (0) | 2012.03.03 |
제 13장. 웹 브라우저와 자바스크립트 (0) | 2012.02.23 |
제 12장. 자바스크립팅 (0) | 2012.02.16 |
제 11장. 정규 표현식을 사용한 패턴 매칭 (0) | 2012.02.14 |
제 10장. 모듈과 네임스페이스 (0) | 2012.02.13 |
제 9장. 클래스, 생성자, 프로토타입 (0) | 2012.02.13 |
제 8장. 함수 (0) | 2012.01.30 |
제 7장. 객체와 배열 (0) | 2012.01.30 |
제 6장. 문장 (0) | 2012.01.21 |