풍선도움말...

호가계부를 시작페이지로

은행 카드 증권 보험 부동산

     
My 즐겨찾기 수정
[무료]  오늘의 운세  /  바이오리듬
여기는 회원님이 직접 등록하신
즐겨찾는 사이트가 출력됩니다.
컴퓨터와 관련있는 모든 팁을 공유합시다.

홈페이지(웹브라우저) 창 가로 세로 확인 방법

호가계부|2019-07-07 13:32:05|조회 : 101
홈페이지를 제작하다보명 웹브라우저마다 가로, 세로 크기가 다를때가 많다.
그래서 가로 세로 크기를 확인하기위해 다음을 자바스트립트로 실행해 보면 간단하게 확인할 수 있다.





style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-7691045821455364"
data-ad-slot="4245977639">






/***

가로길이
document.body.offsetWidth
document.body.scrollWidth // (문서 전체의 크기)
document.body.clientWidth // (창의 크기)

세로길이
document.body.offsetHeight
document.body.scrollHeight //(문서 전체의 크기)
document.body.clientHeight // (창의 크기)


*** HTML5 표준이 정해져 있다.

가로 길이
window.innerWidth // 브라우저 윈도우 두께를 제외한 실질적 가로 길이
window.outerWidth // 브라우저 윈도우 두께를 포함한 브라우저 전체 가로 길이

세로길이
window.innerHeight // 브라우저 윈도우 두께를 제외한 실질적 세로 길이
window.outerHeight // 브라우저 윈도우 두께를 포함한 브라우저 전체 세로 길이

*/

// var window = window.screenX
// var window = window.screenY

alert ( "가로(window.outerWidth) : " + window.outerWidth + "n" + "세로(window.outerHeight) : " + window.outerHeight );
alert ( "가로(window.innerWidth) : " + window.innerWidth + "n" + "세로(window.innerHeight) : " + window.innerHeight );
alert ( "위치(window.screenX) : " + window.screenX + "n" + "위치(window.screenY) : " + window.screenY );
alert ( "위치(window.pageXOffset) : " + window.pageXOffset + "n" + "위치(window.pageYOffset) : " + window.pageYOffset );
alert ( "위치(window.screen.width) : " + window.screen.width + "n" + "위치(window.screen.height) : " + window.screen.height );




TAG : 웹브라우저  홈페이지  가로세로크기  위치 


번호 제             목 첨부 작 성 일 작성자 조회
100  

Chrome 크롬 강력 새로고침 단축키

  2019-07-15 호가계부 27
99  

홈페이지(웹브라우저) 창 가로 세로 확인 방법

  2019-07-07 호가계부 102
98  

Html CSS 수직으로 중앙 정렬 하는 방법

  2019-07-05 호가계부 87
97  

textarea 엔터키 입력할때마다 입력박스 높이를 증가시키는 자바...

  2019-06-19 호가계부 268
96  

javascript encodeURI -> php EUC-KR decode

(1)
  2019-06-18 호가계부 264
95  

윈도우 창 단축키

  2019-06-07 호가계부 280
94  

컴퓨터 종료시간 예약하기

2019-03-22 호가계부 1116
93  

말풍선 위치 계산 (마우스 포인터 위치계산)

  2019-01-14 호가계부 1977
92  

[Javascript] 날짜 유효성 검사

  2018-09-13 호가계부 1640
89  

MySql 기존 컬럼에 자동증가 속성 변경, 추가 및 초기화

  2018-08-15 호가계부 8313
88  

CSS 반응형 레이아웃 만들기

2018-07-25 호가계부 5192
87  

CSS로 글자 자르기 및 말줄임 표시 하기

  2018-07-24 호가계부 3460
86  

홈페이지 팝업창 화면 가운데 출력하기

  2018-07-12 호가계부 2816
83  

URL 최대길이

  2015-06-16 호가계부 7041
82  

공공저작물 자유이용 사이트

  2015-06-16 호가계부 8892
81  

저작권 문제없는 무료 이미지 사이트

  2014-11-07 호가계부 14772
80  

[JavaScript] 연관배열

  2014-10-25 호가계부 6042
79  

[JavaScript] typeof 문 사용방법

  2014-10-25 호가계부 7304
78  

[JavaScript] try catch문 사용방법

  2014-10-25 호가계부 8558
77  

Internet Exploer 11 시작페이지로 등록 문제

  2014-10-25 호가계부 8390
처음으로 앞으로 | [1] 2 3 4 5 | 다음 마지막