width height

    技术2022-05-20  30

     

     

    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

    });

     

     

     

     

     

     

     

     

     

    <script language="JavaScript" type="text/JavaScript"> <!--          function displayScreenSize()         {             var bodyWidth           =document.body.clientWidth;      //网页可见区域宽

                var bodyHeight          =document.body.clientHeight;     //网页可见区域高

                var bodyWidthWithBorder =document.body.offsetWidth;      //网页可见区域宽(包括边线的宽)

                var bodyHeightWithBorder=document.body.offsetHeight;     //网页可见区域高(包括边线的宽)

                var bodyWidthWithScroll =document.body.scrollWidth;      //网页正文全文宽

                var bodyHeightWithScroll=document.body.scrollHeight;     //网页正文全文高   

                var bodyTopHeight       =document.body.scrollTop;        //网页被卷去的上边距

                var bodyLeftWidth       =document.body.scrollLeft;       //网页被卷去的左边距

                var windowTopHeight     =window.screenTop;               //网页正文部分上边距

                var windowLeftWidth     =window.screenLeft;              //网页正文部分左边距

                var screenHeight        =window.screen.height;           //屏幕分辨率的高

                var screenWidth         =window.screen.width;            //屏幕分辨率的宽

                var screenAvailHeight   =window.screen.availHeight;      //屏幕可用工作区高度

                var screenAvailWidth    =window.screen.availWidth;       //屏幕可用工作区宽度

            } --> </script>

     

     

     

     

     


    最新回复(0)