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
$(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
   // })