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

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

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으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿