웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

screen 객체 본문

javascript/브라우져객체모델

screen 객체

jokack01 2015. 4. 6. 15:32

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