各種画面の幅と高さを取得するJSとjqueryコード_基礎知識

Javascript:
Web ページの表示領域の幅: document.body.clientWidth
Web ページの表示領域の高さ: document.body.clientHeight
の幅Web ページの表示領域: document.body.offsetWidth (端の幅を含む)
Web ページの表示領域の高さ: document.body.offsetHeight (端の幅を含む) edge)
Web ページ本文の全テキスト幅: document.body.scrollWidth
Web ページ本文の全テキスト高さ: document.body.scrollHeight
Web ページはスクロールされます 高: document。 body.scrollTop
スクロールされる Web ページの左側: document.body.scrollLeft
Web ページの本体: window.screenTop
Web ページの本体の左側: window.screenLeft
画面解像度 画面の高さ: window.screen.height
画面解像度の幅: window.screen.width
画面の利用可能な作業領域の高さ: window.screen.availHeight
画面の利用可能な作業領域の幅: window.screen.availWidth
JQuery:

コードをコピー コードは次のとおりです:

$(document).ready( function(){
alert($(window).height()); //ブラウザの現在のウィンドウの表示領域の高さ
alert($(document).height()) //ブラウザの現在のウィンドウ ドキュメントの高さ
alter($( document.body).height());//ブラウザの現在のウィンドウ内のドキュメント本文の高さ
alert($(document.body).outerHeight(true));//現在のブラウザ ウィンドウのドキュメント本文には、境界パディング マージンが含まれます
alert($(window).width()); //現在のブラウザ ウィンドウの表示領域の幅
alert($(document). width( ));//ブラウザの現在のウィンドウでのドキュメント オブジェクトの幅
alert($(document.body).width());//ブラウザの現在のウィンドウでのドキュメント本文の幅the browser
alter($(document.body) .outerWidth(true));//現在のブラウザ ウィンドウのドキュメント本文の合計幅には、境界線のパディング マージンが含まれます
})