JS获取当前窗口的宽和高

最新推荐文章于 2023-11-07 22:35:26 发布

原创最新推荐文章于 2023-11-07 22:35:26 发布 · 5.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5

javascript复习之路同时被 2 个专栏收录

87 篇文章

订阅专栏

javascript基础

77 篇文章

订阅专栏

该博客介绍了如何使用JavaScript在页面加载完成后及点击事件触发时，实时获取当前窗口的宽度和高度。通过document.documentElement或document.body分别获取窗口的clientWidth和clientHeight，实现对窗口尺寸变化的监测。

JS获取当前窗口的宽和高

window.onload = function(){
    document.onclick = function(){
        //输出当前窗口的宽
        var windowWidth = document.documentElement.clientWidth || document.body.clientWidth;
        alert(windowWidth);

        //输出当前窗口的高
        var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
        alert(windowHeight);
    }
}