ホームページ  >  記事  >  ウェブフロントエンド  >  JS と Jquery を直接クリックして、画面の幅と高さのコードを取得します。

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

coldplay.xixi
coldplay.xixi転載
2020-06-13 17:51:392049ブラウズ

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 までご連絡ください。