jsはクライアント表示画面に関するデータを取得する.
1269 ワード
タイトル:
ページの表示領域は広いです.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
これらの値を取得するためのjquery方法:
ページの表示領域は広いです.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
これらの値を取得するためのjquery方法:
<script type="text/javascript">
$(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
alert(screen.height);// , JavaScript
alert(screen.width);
})
</script>