js内部所有的高

weixin_42575793

于 2019-12-25 15:21:41 发布

阅读量87

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_42575793/article/details/103699782

* 获取页面宽高
    * */
    console.log("可视区域高："+document.documentElement.clientHeight);
    console.log("可视区域宽："+document.documentElement.clientWidth);
    console.log("body的真实高："+document.body.clientHeight);
    console.log("body的真实宽："+document.body.clientWidth);
    //获取屏幕宽和高不包涵任务栏
    console.log(window.screen.availHeight);
    console.log(window.screen.availWidth);
    //获取屏幕的实际宽和高 包涵任务栏
    console.log(window.screen.height);
    console.log(window.screen.width);
    //浏览器上边距和做边距
    console.log(window.screenTop);
    console.log(window.screenLeft);
    //滚动条滑动距
    console.log(window.scrollX);
    console.log(window.scrollY);
    console.log(document.documentElement.scrollTop);
    console.log(document.documentElement.scrollLeft);