웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
screen 객체 본문
screen 객체
웹브라우져의 화면이 아닌 운영체제 화면의 속성을 가지는 객체
screen 객체의 속성
메서드 | 설명 |
width | 화면의 넓이 |
height | 화면의 높이 |
availWidth | 실제 화면에서 사용 가능한 넓이 |
availHeight | 실제 화면에서 사용 가능한 높이 |
colorDepth | 사용가능한 색상 수 |
pixelDepth | 한 픽셀당 비트 수 |
ex) 브라우져 크기를 화면에 맞추기
// pop 변수 선언
var pop = window.open('','', 'width=300, height=300');
var w = screen.width; // w 변수에 스크린의 넓이 값을 담는다.
var h =screen.height; // h 변수에 스크린의 높이 값을 담는다.
pop.moveTo(0,0); // 위치를 절대적으로 지정
pop.resizeTo(w, h); // 윈도우의 크기를 스크린의 넓이와 높이 값으로 절대적으로 지정
위 코드를 실행 하면 아래와 같이 화면을 꽉 채운 새로운 창이 나타난다.
'javascript > 브라우져객체모델' 카테고리의 다른 글
navigator 객체 (0) | 2015.04.06 |
---|---|
location 객체 (0) | 2015.04.06 |
window 객체 기본메서드 (0) | 2015.04.02 |
window 객체 타이머 메서드 (0) | 2015.04.01 |
새 window 객체 생성 (0) | 2015.03.30 |