|
|
게시됨 2018. 7. 3. 오후 4:54:42
|
|
|
Javascrip{filter}t는 화면, 브라우저 창, 브라우저, 웹 페이지 높이와 너비의 크기를 가져옵니다
웹페이지 가시성 영역: document.body.clientWidth
웹페이지 가시성 영역: document.body.clientHeight(문서.몸.clientHeight)
웹페이지 가시 영역 너비: document.body.offsetWidth (가장자리 너비 포함)
웹페이지 보이는 영역 높이: document.body.offsetHeight (가장자리 너비 포함)
웹페이지 본문의 전체 텍스트 너비: document.body.scrollWidth
웹페이지 전체 텍스트는 높게 표시되어 있습니다: document.body.scrollHeight.
페이지는 위로 스크롤되어 있습니다: document.body.scroll Top
페이지는 왼쪽으로 스크롤됩니다: document.body.scrollLeft
웹페이지 본문: window.screentop
웹페이지 본문은 왼쪽: window.screenLeft
높은 화면 해상도: window.screen.height
화면 해상도 너비: window.screen.width
사용 가능한 작업 공간 높이: window.screen.availHeight.
사용 가능한 작업 공간 너비: window.screen.availWidth
jQuery는 다양한 너비와 높이를 제공합니다
브라우저 시청 영역
$(window).height()
$(window).width()
문서 크기의 페이지
$(document).height()
$(document).width()
현재 창 문서 본문의 크기
$(document.body).height()
$(document.body).width()
스크롤바의 수직 높이와 상단(즉, 페이지가 말려 올라가는 높이)
$(document).scrollTop()
$(document).scrollLeft()
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 = width + 패딩
clientHeight = height + 패딩
offsetWidth = 너비 + 패딩 + 테두리
offsetHeight = 높이 + 패딩 + 테두리
IE5.0/5.5:
clientWidth = 너비 - border
clientHeight = height - border
offsetWidth = 폭
offsetHeight = 높이
(참고로 CSS의 margin 속성은 clientWidth, offsetWidth, clientHeight, offsetHeight와 관련이 없습니다)
웹페이지 가시성 영역: document.body.clientWidth
웹페이지 가시성 영역 높이: document.body.clientHeight
웹페이지 가시 영역 너비: document.body.offsetWidth (가장자리 너비 포함)
웹 가시 영역 높이: document.body.offsetHeight (가장자리 높이 포함)
웹페이지의 전체 텍스트 너비: document.body.scrollWidth
전체 텍스트 높이: document.body.scrollHeight
페이지는 위로 스크롤되어 있습니다: document.body.scroll Top
페이지는 왼쪽으로 스크롤됩니다: document.body.scrollLeft
웹페이지 본문: window.screentop
웹페이지 본문 왼쪽: window.screen왼쪽
높은 화면 해상도: window.screen.height
화면 해상도 너비: window.screen.width
사용 가능한 작업 공간 높이: window.screen.availHeight.
사용 가능한 작업 공간 너비: window.screen.availWidth
div.style.top: div가 위치한 컴포넌트에 대한 최대 거리
－－－－－－－－－－－－－－－－－－－
기술적 하이라이트
이 섹션의 코드는 주로 창에 관한 문서 객체의 일부 속성을 사용하며, 주요 기능과 사용법은 다음과 같습니다.
창의 크기를 얻으려면 브라우저마다 다른 속성과 방법을 사용해야 합니다: 실제 창 크기를 감지하려면 Netscape의 Window 속성을 사용해야 합니다; IE에서는 문서 깊숙이 들어가서 시신을 발견해야 합니다. DOM 환경에서는 창의 크기를 얻으려면 요소 자체가 아니라 루트 요소의 크기를 주의 깊게 고려해야 합니다.
윈도우 객체의 innerWidth 속성은 현재 윈도우의 내부 너비를 포함합니다. 창 객체의 innerHeight 속성은 현재 창의 내부 높이를 포함합니다.
문서 객체의 본체 속성은 HTML 문서의 태그에 대응합니다. 문서 객체의 documentElement 속성은 HTML 문서의 루트 노드를 나타냅니다.
document.body.clientHeight는 HTML 문서가 위치한 창의 현재 높이를 나타냅니다. document.body. clientWidth는 HTML 문서가 위치한 창의 현재 너비를 나타냅니다.
브라우저 크기 이벤트
window.onresize=funName; 브라우저 크기가 변하면 funName 함수를 호출하세요 |
이전의:SEO 제목 키워드 설명 단어 제한 제목, 키워드, 설명{필터} 길이다음:"Object" 타입은 참조되지 않은 어셈블리에서 정의됩니다. 프로그램에 응답을 추가해야 해...
|
