JS 얻을 창 크기

출처: 인터넷
작성자: 사용자
키워드: 웹 페이지 제작 Ajax 자바 스크립트

거기 JS 창 크기 인스턴스 코드에 대해 다음의 두 가지, get 창 크기 메서드 예제 JS Document.body.clentwidth 메서드를 사용 하는. 아래에 자세히 설명 하는 많은 방법이 있다.

< 스크립트 & gt 함수 GetInfo ()

{
var s = "";
s + + 넓은 가시 영역을 페이지: + document.body.clientwidth;
S + + "웹 페이지 표시 영역 높은:" + document.body.clientheight;
S + + 넓은 가시 영역을 페이지: "+ Document.body.offsetwidth +" (를 포함 하 여 가장자리와 스크롤 막대 너비);
S + + 높습니다 페이지 표시 영역: "+ Document.body.offsetheight +" (를 포함 하 여 가장자리 폭);
S + + "웹 페이지 전체 텍스트 너비:" + document.body.scrollwidth;
S + = "페이지의 전체 텍스트는 높은:" + document.body.scrollheight;
S + + 페이지 높은 롤백됩니다 (FF): "+ document.body.scrolltop;"
S + + 페이지 (ie) 높은 압 연: "+ document.documentelement.scrolltop;
S + + 페이지 왼쪽 멀리 롤백됩니다: "+ document.body.scrollleft;
S + + 본문 페이지: "+ window.screentop;
S + + 신체 부분 왼쪽 페이지: "+ window.screenleft;
S + = "높은 화면 해상도:" + window.screen.height;
S + + 화면 해상도 폭: + window.screen.width;
&NBSP; & NBsp; s + + 화면 사용 가능한 작업 영역 높이: + window.screen.availheight;
S + + 화면 사용 가능한 작업 영역 너비: + window.screen.availwidth;
s + + "화면 설정" + window.screen.colordepth + "컬러 비트";
s + + "화면 설정" + window.screen.devicexdpi + "픽셀/인치";
//alert (s);
}
GetInfo ();
< / 스크립트 >

일반적으로 사용 되

웹 페이지 표시 영역 wide:document.body.clientwidth
페이지 표시 영역 high:document.body.clientheight
웹 페이지 표시 영역 폭: document.body.offsetwidth (가장자리 폭 포함)
페이지 표시 영역 high:document.body.offsetheight (를 포함 하 여 가장자리 폭)
웹 페이지 전체 텍스트 width:document.body.scrollwidth
전체 웹 페이지 high:document.body.scrollheight의 텍스트
웹 페이지 롤백됩니다 높은: document.body.scrolltop
페이지 left:document.body.scrollleft 롤백됩니다
페이지 본문 section:window.screentop
페이지 본문 부분 left:window.screenleft

화면 해상도 대 한 High:window.screen.height 화면 해상도 wide:window.screen.width
화면 사용할 수 작업 높이: 창. screen.availheight
화면 사용 가능한 작업 영역 폭: window.screen.availwidth

관련 문서

연락처

이 페이지의 내용은 인터넷에서 가져온 것이므로 Alibaba Cloud의 공식 의견이 아닙니다.이 페이지에서 언급 된 제품 및 서비스는 Alibaba Cloud와는 관련이 없으므로이 페이지의 내용이 골칫거리 인 경우 저희에게 알려주십시오. 우리는 5 일 근무일 이내에 이메일을 처리 할 것입니다.

커뮤니티에서 표절 사례를 발견한 경우 info-contact@alibabacloud.com 으로 관련 증거를 첨부하여 이메일을 보내주시기 바랍니다. 당사 직원이 영업일 기준 5일 내에 연락 드리도록 하겠습니다.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.