dom元素の高さ、画面の高さの取得

JS取得画面の高さ:
ページの表示領域の幅:

document.body.clientWidth

ページの表示領域の高さ:

document.body.clientHeight

ページの表示領域の幅(境界線の幅を含む):

document.body.offsetWidth

ウェブページの可視領域の高さ(境界線の高さを含む):

document.body.offsetHeight

ホームページの全文の幅:

document.body.scrollWidth

ホームページの全文は高いです.

document.body.scrollHeight

ページが巻かれている高さ:

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はdom元素の高さと幅を取得する方法は以下の通りである.
要素の実際の高さ:

document.getElementById("div").offsetHeight

要素の実際の幅:

document.getElementById("div").offsetWidth

要素の実距離の左境界からの距離:

document.getElementById("div").offsetLeft

元素の実距離の上の境界の距離:

document.getElementById("div").offsetTop

転載:https://www.cnblogs.com/ydfqixn/p/7823076.html