[js] 浏览器宽度 documentElement.clientWidth window.innerWidth

最新推荐文章于 2024-08-20 10:41:40 发布

533_

最新推荐文章于 2024-08-20 10:41:40 发布

阅读量518

点赞数 1

分类专栏： # js 文章标签： javascript

本文链接：https://blog.csdn.net/qq_14993591/article/details/120162275

版权

js 专栏收录该内容

158 篇文章 2 订阅

订阅专栏

document.documentElement.clientWidth
获取浏览器窗口文档显示区域的宽度，不包括滚动条。

document.documentElement.clientHeight
获取浏览器窗口文档显示区域的高度，不包括滚动条。

		// 浏览器大小改变事件
        window.addEventListener( 'resize' , function(){
            // 不包含浏览器滚动条宽度
            var width1 = document.documentElement.clientWidth;
            // 包含浏览器滚动条宽度
            var width2 = window.innerWidth ; 
            console.log( width1 , width2 );
        })