40. (javascript/자바스크립트) screen availWidth 화면 해상도 구하기 및 document body clientWidth 브라우저 body 크기 구하기

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <script>
    	/* 
    	[요약 설명]
    	1. screen.availWidth : 화면 해상도 크기를 구할 때 사용합니다  	    
    	2. document.body : 브라우저 body 영역 크기를 구할 때 사용합니다    	    
    	*/
    	    	
    	
    	/* 이벤트 함수 정의 */
    	function main() {
    		
    		/* 화면 해상도 확인 실시 */
    		console.log("main : debug [1]");
    		var screenWidth = screen.availWidth;
    		var screenHeight = screen.availHeight;    		
    		    		
    		    		    	
    		/* 브라우저 body 크기 확인 */
    		console.log("main : debug [2]");
    		var browserWidth = document.body.clientWidth;    		
    		var browserHeight = document.body.clientHeight;
    		
    		
    		/* 결과 출력 실시 */
    		console.log("해상도 [width] : " + screenWidth);
    		console.log("해상도 [height] : " + screenHeight);
    		console.log("브라우저 [width] : " + browserWidth);
    		console.log("브라우저 [height] : " + browserHeight);
    		
    	};  	    	    	
    	
    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[요약 설명]

1. screen.availWidth : 화면 해상도 크기를 구할 때 사용합니다

2. document.body : 브라우저 body 영역 크기를 구할 때 사용합니다

*/

/* =========================== */