js获取屏幕宽度和高度

<script>
    console.log("网页可见区域宽", document.body.clientWidth);
    console.log("网页可见区域高", document.body.clientHeight);
    console.log("网页可见区域宽", document.body.offsetWidth);
    console.log("网页可见区域高", document.body.offsetHeight);
    console.log("网页正文全文宽", document.body.scrollWidth);
    console.log("网页正文全文高", document.body.scrollHeight);
    console.log("网页被卷去的高", document.body.scrollTop);
    console.log("网页被卷去的左", document.body.scrollLeft);
    console.log("网页正文部分上", window.screenTop);
    console.log("网页正文部分左", window.screenLeft);
    console.log("屏幕分辨率的高", window.screen.height);
    console.log("屏幕分辨率的宽", window.screen.width);
    console.log("屏幕可用工作区高度", window.screen.availHeight);
    console.log("屏幕可用工作区宽度", window.screen.availWidth);

    window.onscroll = function() {
        console.log("网页被卷去的高", window.pageYOffset); //safari有自己获取scrollTop的函数
        console.log("网页被卷去的高", document.body.scrollTop); //页面没有DTD,即没指定DOCTYPE时
        console.log("网页被卷去的高", document.documentElement.scrollTop); //页面指定了DTD,即指定了DOCTYPE时
    };
</script>

猜你喜欢

转载自blog.csdn.net/weixin_41635750/article/details/108650872