JSとjqueryは各種スクリーンの幅と高さのコードを取得します.
1233 ワード
Javascript:
ページの表示領域は広いです.document.body.client Width
ページの可視領域は高いです.document.body.clientHeight
ページの可視領域の幅:Dcument.body.offset Width(境界線の幅を含む)
ウェブページの可視領域の高さ:Dcument.body.offset Height(境界線の高さを含む)
ページの全文の幅:Dcument.body.scrollWidth
ホームページの全文は高いです.Dcument.body.scrollHeight
ページが巻かれている高さ:Dcument.body.scrollTop
ページが巻かれている左:document.body.scrollLeft
ホームページの本文の部分:window.screenTop
ページの本文部分左:window.screenLeft
スクリーン解像度の高さ:window.screen.height
画面解像度の幅:window.screen.width
スクリーン使用可能ワークエリアの高さ:window.screen.avail Height
スクリーン使用可能ワークエリアの幅:window.screen.avail Width
JQuery:
ページの表示領域は広いです.document.body.client Width
ページの可視領域は高いです.document.body.clientHeight
ページの可視領域の幅:Dcument.body.offset Width(境界線の幅を含む)
ウェブページの可視領域の高さ:Dcument.body.offset Height(境界線の高さを含む)
ページの全文の幅:Dcument.body.scrollWidth
ホームページの全文は高いです.Dcument.body.scrollHeight
ページが巻かれている高さ:Dcument.body.scrollTop
ページが巻かれている左:document.body.scrollLeft
ホームページの本文の部分:window.screenTop
ページの本文部分左:window.screenLeft
スクリーン解像度の高さ:window.screen.height
画面解像度の幅:window.screen.width
スクリーン使用可能ワークエリアの高さ:window.screen.avail Height
スクリーン使用可能ワークエリアの幅:window.screen.avail Width
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
})