JS と Jquery を直接クリックして、画面の幅と高さのコードを取得します。

coldplay.xixi
リリース: 2020-06-13 17:51:39
転載
2092 人が閲覧しました

JS と Jquery を直接クリックして、画面の幅と高さのコードを取得します。

#JS、画面コードの幅と高さを取得するための Jquery


JS, 画面の幅と高さを取得するための Jquery コードです。取得方法はたくさんありますが、どれだけ多くても、一般的な組み込み関数は同じです。単にそれらを列挙するだけです。

JavaScript は画面の幅と高さのコードを取得します。

Web ページの表示領域の幅: document.body.clientWidth

Web ページの表示領域: document.body.clientHeight

Web ページの表示領域の幅: document.body.offsetWidth (端の幅を含む)

Web ページの表示領域の高さ: document.body.offsetHeight (端の高さを含む)

Web ページの全文の幅: document.body.scrollWidth

Web ページの全文の高さ: document.body.scrollHeight

スクロールされる Web ページの高さ: document.body.scrollTop

高さスクロール中の Web ページの Web ページの左側部分: document.body.scrollLeft

Web ページ本体の上部: window.screenTop

Web ページの左側部分ボディ部分: window.screenLeft

高画面解像度: window.screen.height

画面解像度の幅: window.screen.width

使用可能な作業領域画面の高さ: window.screen.availHeight

画面の利用可能な作業領域の幅: window .screen.availWidth

画面の幅と高さを取得するための Jquery code

 $(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 基本チュートリアル

以上がJS と Jquery を直接クリックして、画面の幅と高さのコードを取得します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:liqingbo.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!