ホームページ > ウェブフロントエンド > jsチュートリアル > 各種画面の幅と高さを取得するJSとjqueryコード_基礎知識

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

WBOY
リリース: 2016-05-16 17:27:13
オリジナル
811 人が閲覧しました

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));//現在のブラウザ ウィンドウのドキュメント本文の合計幅には、境界線のパディング マージンが含まれます
})
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート