页面高度

最新推荐文章于 2024-09-18 09:47:26 发布

zlb789

最新推荐文章于 2024-09-18 09:47:26 发布

阅读量439

点赞数

分类专栏： js 文章标签：工作 server function html div

本文链接：https://blog.csdn.net/zlb789/article/details/3363466

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script >
    function on()
    {
    var str="";
    str+="网页可见区域宽：document.body.clientWidth;"+document.body.clientWidth+"/n"
    str+="网页可见区域高：document.body.clientHeight; "+document.body.clientHeight+"/n"
    str+="网页可见区域高：document.body.offsetWidth   (包括边线的宽): "+document.body.offsetWidth+"/n"
    str+="网页可见区域高：document.body.offsetHeight (包括边线的高); "+document.body.offsetHeight+"/n"
    str+="网页正文全文宽：document.body.scrollWidth; "+document.body.scrollWidth+"/n"
    str+="网页正文全文高：document.body.scrollHeight; "+document.body.scrollHeight+"/n"
    str+="网页被卷去的高：document.body.scrollTop;   "+document.body.scrollTop+"/n"
    str+="网页被卷去的左：document.body.scrollLeft;    "+document.body.scrollLeft+"/n"
    str+="网页正文部分上：window.screenTop;    "+window.screenTop+"/n"
    str+="网页正文部分左：window.screenLeft;     "+window.screenLeft+"/n"
    str+="屏幕分辨率的高：window.screen.height;     "+window.screen.height+"/n"
    str+="屏幕分辨率的宽：window.screen.width; "+window.screen.width+"/n"
    str+="屏幕可用工作区高度：window.screen.availHeight; "+window.screen.availHeight+"/n"
    str+="屏幕可用工作区宽度：window.screen.availWidth; "+window.screen.availWidth+"/n"
    alert(str);
    }
    </script>
</head>
<body onload ="on()">
    <form id="form1" runat="server">
    <div>
    网页可见区域宽：document.body.clientWidth; <br />
网页可见区域高：document.body.clientHeight;
        <br />
网页可见区域高：document.body.offsetWidth   (包括边线的宽);
        <br />
网页可见区域高：document.body.offsetHeight (包括边线的宽);
        <br />

网页正文全文宽：document.body.scrollWidth;
        <br />
网页被卷去的高：document.body.scrollTop;
        <br />
网页被卷去的左：document.body.scrollLeft;
        <br />
网页正文部分上：window.screenTop;
        <br />
网页正文部分左：window.screenLeft;
        <br />
屏幕分辨率的高：window.screen.height;
        <br />
屏幕分辨率的宽：window.screen.width;<br />
屏幕可用工作区高度：window.screen.availHeight;
        <br />
屏幕可用工作区宽度：window.screen.availWidth;
<script >document.write (window.screen.availWidth);</script>

        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        <br />
        网页正文全文高：document.body.scrollHeight;
        <br />

</div>
</form>
</body>
</html>