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).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
  })