JS/JQは様々な画面の高さと幅を取得します

クズども · 掲載地 2017/06/20 15:01:43

Javascrip{filter}t:

ウェブページの可視エリア:document.body.clientWidth(文書・本体・クライアント幅)
ウェブページの可視エリアの高さ:document.body.clientHeight
ウェブページの可視領域幅:document.body.offsetWidth(エッジの幅を含む)
ウェブ可視領域の高さ:document.body.offsetHeight(エッジの高さを含む)
ウェブページの全文幅:document.body.scrollWidth
全文のheight: document.body.scrollHeight
ページは高くスクロールされています:document.body.scrollTop
ページは左にスクロールします:document.body.scrollLeft
ウェブページの本文:window.screenTop
ウェブページの本文左側:window.screenLeft
高解像度:window.screen.height
画面解像度の幅:window.screen.width(ウィンドウ.スクリーン.width)
利用可能なワークスペースの画面高さ:window.screen.availHeight
利用可能なワークスペース幅:window.screen.availWidth(ウィンドウ.screen.availWidth)

JQuery:

$(document).ready(function(){
alert($(window).height()); ブラウザの現在のウィンドウの表示可能な領域の高さ
alert($(document).height()); ブラウザの現在のウィンドウにおける文書の高さ
alert($(document.body).height()); ブラウザの現在のウィンドウ文書本体の高さ
alert($(document.body).outerHeight(true)); ブラウザの現在のウィンドウ文書本文の総高さには、境界のパディングマージンが含まれます

alert($(window).width()); ブラウザの現在のウィンドウの表示可能な領域の幅
alert($(document).width()); ブラウザの現在のウィンドウにあるドキュメントオブジェクトの幅
alert($(document.body).width()); ブラウザの現在のウィンドウ文書本文の幅
alert($(document.body).outerWidth(true)); ブラウザの現在のウィンドウ文書本文の全幅には、縁取りの余白が含まれています

})

ユーユン100 · 掲載地 2018/04/24 14:20:12

後で取っておこう~

[JavaScript] JS/JQは様々な画面の高さと幅を取得します

関連記事

閲覧したセクション