JS 및 Jquery를 직접 클릭하여 화면의 너비 및 높이 코드를 가져옵니다.

coldplay.xixi
풀어 주다: 2020-06-13 17:51:39
앞으로
2014명이 탐색했습니다.

JS 및 Jquery를 직접 클릭하여 화면의 너비 및 높이 코드를 가져옵니다.

JS, 화면 너비와 높이를 가져오는 Jquery 코드


JS, 화면 너비와 높이를 가져오는 Jquery 코드, 가져오는 방법에는 여러 가지가 있습니다. 하지만 아무리 많아도 어렵습니다. 내장된 기능은 여전히 동일하므로, 이제 간단히 나열해 보겠습니다.

Javascript는 화면의 너비와 높이 코드를 가져옵니다

  웹 페이지의 표시 영역 너비: document.body.clientWidth

  웹 페이지의 표시 영역 높이: document.body .clientHeight

  웹 페이지 표시 영역의 너비: document.body.offsetWidth(가장자리 포함) Width)

 웹 페이지 표시 영역의 높이: document.body.offsetHeight(가장자리 포함) 사이드라인 높이)

웹의 높이 페이지: document.body.scrollTop

스크롤되는 웹 페이지의 왼쪽: document.body.scrollLeft

웹 페이지의 본문: window.screenTop

웹 페이지 본문의 왼쪽: window. screenLeft

화면 해상도 높이: window.screen.height

화면 해상도 너비: window.screen.width

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

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

Jquery는 화면 너비 및 높이 코드를 가져옵니다

 $(document).ready(function(){   alert($(window).height()); //浏览器当前窗口可视区域高度   alert($(document).height()); //浏览器当前窗口文档的高度   alert($(document.body).height());//浏览器当前窗口文档body的高度   alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin   alert($(window).width()); //浏览器当前窗口可视区域宽度   alert($(document).width());//浏览器当前窗口文档对象宽度   alert($(document.body).width());//浏览器当前窗口文档body的宽度   alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin   })
로그인 후 복사

추천 튜토리얼: "

JS Basic Tutorial

"

위 내용은 JS 및 Jquery를 직접 클릭하여 화면의 너비 및 높이 코드를 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:liqingbo.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!