JS 얻을 화면, 브라우저, 페이지 높이 폭 코드

<! 공용 DOCTYPE HTML "-//W3C//DTD XHTML 1.0 전환 / / 엉" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
< html xmlns = "http://www.jzread.com/1999/xhtml" >
< 헤드 >
< 메타 http-equiv = "content-type" 내용 = "text/html; charset = gb2312 "/ >
< 제목 > 특수 효과 얻 화면, 브라우저, 웹 페이지 높이 폭 코드 < / 타이틀 >

Windows에 대 한 문서 개체의 속성 중 일부를 주로 사용 되 고 주요 기능 및 이러한 속성의 사용은 다음과 같습니다.

다른 브라우저 창 크기를 얻으려면, 당신은 다른 속성 및 메서드를 사용 하 여 필요가: 윈도우의 실제 크기를 감지 해야 넷스케이프; 창의 속성을 사용 하 창 크기를 얻으려면 요소가 아닌 루트 요소의 크기에 유의 해야 합니다.

Window 개체의 Innerwidth 속성에는 현재 윈도우의 내부 폭을 포함 되어 있습니다. Window 개체의 Innerheight 속성에는 현재 윈도우의 내부 높이 포함 되어 있습니다.

Document 개체의 Body 속성 HTML 문서의 레이블에 해당합니다. DocumentElement 속성 문서 개체의 HTML 문서의 루트 노드를 나타냅니다.

Document.body.clientheight은 HTML 문서 있는 윈도우의 현재 높이 나타냅니다. Document.body clientwidth HTML 문서 있는 창의 현재 너비를 나타냅니다.

JS 액세스 화면, 브라우저, 페이지 높이 너비

넓은 가시 영역을 페이지: document.body.clientwidth

표시 영역 높은 페이지: document.body.clientheight

넓은 웹 페이지 표시 영역: document.body.offsetwidth (를 포함 하 여 가장자리 폭)

표시 영역 높은 페이지: document.body.offsetheight (를 포함 하 여 가장자리 폭)

페이지 본문 전체 텍스트 폭: document.body.scrollwidth

웹 페이지의 텍스트 전체: document.body.scrollheight

웹 페이지는 압 연 고: document.body.scrolltop

페이지 떨어져 왼쪽 롤백됩니다: document.body.scrollleft

웹 페이지 본문 부분: Window.screentop

신체 부분 왼쪽 페이지: Window.screenleft

높은 화면 해상도: Window.screen.height

화면 해상도 폭: window.screen.width

사용 가능한 작업 영역 높이 화면: window.screen.availheight

사용 가능한 작업 영역 너비를 화면: window.screen.availwidth

HTML 정확한 위치: Scrollleft, scrollwidth, clientwidth offsetwidth

ScrollHeight: 개체의 스크롤 높이 가져옵니다.

ScrollLeft: 설정 하거나 창에 개체의 왼쪽된 가장자리와 현재 보이는 콘텐츠 사이의 왼쪽된 거리를 가져옵니다.

ScrollTop: 설정 하거나 창에서 개체의 위쪽 및 맨 위 부분의 표시 내용 사이의 거리를 가져옵니다.

ScrollWidth: 얻을 개체의 스크롤 너비

Offsetheight: 부모 좌표 경우 offsetparent 속성에 지정 된 좌표를 레이아웃 또는 부모 개체의 높이 가져옵니다.

Offsetleft: 경우 Offsetparent 속성에 지정 된 좌표를 레이아웃 또는 부모 개체의 계산 된 왼쪽된 위치를 가져옵니다.

offsettop: offsettop 속성으로 지정 된 좌표 레이아웃 또는 부모 개체의 계산 된 최고 위치를 가져옵니다

Event.clientx 상대 문서 가로 좌표

문서 기준으로 Event.clienty 수직 좌표

컨테이너를 기준으로 event.offsetx의 가로 좌표

컨테이너를 기준으로 event.offsety의 수직 좌표

Document.documentelement.scrolltop 수직 스크롤 값

문서 가로 좌표 + 수직 스크롤 금액 기준으로 Event.clientx+document.documentelement.scrolltop

즉, firefox의 차이점은 다음과 같습니다.

ie6.0, ff1.06 +:

clientwidth = 너비 + 안쪽 여백

clientheight 패딩 + 높이 =

offsetwidth = 폭 + 패딩 + 테두리

offsetheight = 높이 + 패딩 + 테두리

ie5.0/5.5:

ClientWidth 폭 테두리 =

ClientHeight 높이 테두리 =

offsetwidth 폭 =

offsetheight 높이 =

(언급: CSS는 튜토리얼에 여백 특성, 그것이 ClientWidth offsetwidth, 아무 상관이 ClientHeight, offsetheight)

</헤드 >

< 몸 >
</바디 >
< / html >