JS银屏尺寸-JavaSript-爱易网页

JS银屏尺寸

日期：2014-05-16　浏览次数：20294 次

JS屏幕尺寸

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> document.body对象, window对象尺寸信息</TITLE>
<META NAME="Author" CONTENT="许明会">
<META NAME="Keywords" CONTENT="clientHeight screen body">
<META NAME="Description" CONTENT="获取网页区域,屏幕区域">
<script type="text/javascript">
        function displayScreenSize()
        {
            //alert("heelo0");
            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 windowLeftWidth            =window.screenLeft;              //网页正文部分左边距 
            var windowTopHeight            =window.screenTop;               //网页正文部分上边距

            var screenWidth                    =window.screen.width;            //屏幕分辨率的宽
            var screenHeight                    =window.screen.height;           //屏幕分辨率的高
            var screenAvailHeight            =window.screen.availHeight;      //屏幕可用工作区高度 
            var screenAvailWidth            =window.screen.availWidth;       //屏幕可用工作区宽度

            var info = "";
            info +="document.body.clientWidth:"+bodyWidth + "<br/>" ;
            info +="document.body.clientHeight:"+bodyHeight + "<br/>"
            info +="<br/>" 
            info +="document.body.offsetWidth:"+bodyWidthWithBorder + "<br/>"
            info +="document.body.offsetHeight:"+bodyHeightWithBorder + "<br/>"
            info +="<br/>" 
            info +="document.body.scrollWidth:"+bodyWidthWithScroll + "<br/>"
            info +="document.body.scrollHeight:"+bodyHeightWithScroll + "<br/>"
            info +="document.body.scrollTop:"+bodyTopHeight + "<br/>"
            info +="document.body.scrollLeft:"+bodyLeftWidth + "<br/>" 
            info +="<br/>" 
            info +="window.screenTop:"+windowLeftWidth + "<br/>"
            info +="window.screenLeft:"+windowTopHeight + "<br/>" 
            info +="<br/>" 
            info +="window.screen.width:"+screenWidth + "<br/>" 
            info +="window.screen.height:"+screenHeight + "<br/>"
            info +="window.screen.availHeight:"+screenAvailHeight + "<br/>"
            info +="window.screen.availWidth:" +screenAvailWidth + "<br/>"
            info +="<br/>"

            document.all("divInfo").innerHTML = info;
         }
</script>
</HEAD>

<BODY onresize="displayScreenSize();">
<div id="divInfo">
</div>
</BODY>
</HTML>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS银屏尺寸

相关资料更多>

推荐阅读更多>