HTML如何实现获取浏览器可视区域宽高

发布时间：2020-10-23 15:15:57 阅读：270 作者：小新栏目：web开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

小编给大家分享一下HTML如何实现获取浏览器可视区域宽高，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

/**
     * 获取浏览器可视区域宽度
     */
    function getViewPortOffset() {
        if (window.innerWidth) {
            return {
                w: window.innerWidth,
                h: window.innerHeight
            }
        } else if (document.compatMode = "BackCompat") {
            return {
                w: document.body.clientWidth,
                h: document.body.clientHeigth
            }
        } else {
            return {
                w: document.documentElement.clientWidth,
                h: document.documentElement.clientHeight
            }
        }
    }
    console.log(getViewPortOffset());

看完了这篇文章，相信你对HTML如何实现获取浏览器可视区域宽高有了一定的了解，想了解更多相关知识，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

HTML如何实现获取浏览器可视区域宽高

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签