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 중국어 웹사이트의 기타 관련 기사를 참조하세요!