jsは各種画面の幅と高さを取得します.
4415 ワード
1.Javascript
ページの可視領域は広いです.Dcument.body.clientWidthページの可視領域は高いです.document.body.client Heightページの可視領域は広いです.document.body.offset Widthページの可視領域は高いです.document.body.scrollwidthページの本文の全文は高いです.document.body.scrollHeightページは巻かれています.高いです.document.body.scrollTopページは左に巻かれています.document.body.scrollLeftページの本文の部分はwindowowowowows.screenpです.の幅:window.screen.widthスクリーン利用可能ワークエリアの高さ:window.screen.availHeight画面利用可能ワークエリアの幅:window.screen.avail Width
2.jQuery
ページの可視領域は広いです.Dcument.body.clientWidthページの可視領域は高いです.document.body.client Heightページの可視領域は広いです.document.body.offset Widthページの可視領域は高いです.document.body.scrollwidthページの本文の全文は高いです.document.body.scrollHeightページは巻かれています.高いです.document.body.scrollTopページは左に巻かれています.document.body.scrollLeftページの本文の部分はwindowowowowows.screenpです.の幅:window.screen.widthスクリーン利用可能ワークエリアの高さ:window.screen.availHeight画面利用可能ワークエリアの幅:window.screen.avail Width
2.jQuery
$(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,Jquery
//Javascript:
document.write("<br /><br /> Javascript :<br /><br />");
// : document.body.clientWidth
document.write("<br />document.body.clientWidth:" +document.body.clientWidth);
// : document.body.clientHeight
document.write("<br />document.body.clientHeight:" + document.body.clientHeight);
// : document.body.offsetWidth ( )
document.write("<br />document.body.offsetWidth:" + document.body.offsetWidth);
// : document.body.offsetHeight ( )
document.write("<br />document.body.offsetHeight:" + document.body.offsetHeight);
// : document.body.scrollWidth
document.write("<br />document.body.scrollWidth:" + document.body.scrollWidth);
// : document.body.scrollHeight
document.write("<br />document.body.scrollHeight:" + document.body.scrollHeight);
// : document.body.scrollTop
document.write("<br />document.body.scrollTop:" + document.body.scrollTop);
// : document.body.scrollLeft
document.write("<br />document.body.scrollLeft:" + document.body.scrollLeft);
// : window.screenTop
document.write("<br />window.screenTop:" + window.screenTop);
// : window.screenLeft
document.write("<br />window.screenLeft:" + window.screenLeft);
// : window.screen.height
document.write("<br />window.screen.height:" + window.screen.height);
// : window.screen.width
document.write("<br />window.screen.width:" + window.screen.width);
// : window.screen.availHeight
document.write("<br />window.screen.availHeight:" + window.screen.availHeight);
// : window.screen.availWidth
document.write("<br />window.screen.availWidth:" + window.screen.availWidth);
document.write("<br /><br /> jquery :<br /><br />");
//JQuery:
// $(document).ready(function(){
document.write("<br />$(window).height(): " + $(window).height()); //
document.write("<br />$(document).height(): " + $(document).height()); //
document.write("<br />$(document.body).height(): " + $(document.body).height());// body
document.write("<br />$(document.body).outerHeight(true): " + $(document.body).outerHeight(true));// body border padding margin
document.write("<br />$(window).width(): " + $(window).width()); //
document.write("<br />$(document).width(): " + $(document).width());//
document.write("<br />$(document.body).width(): " + $(document.body).width());// body
document.write("<br />$(document.body).outerWidth(true): " + $(document.body).outerWidth(true));// body border padding margin
// })