js调整浏览器窗口大小事件window.innerWidth

爬楼梯的小新

已于 2022-02-06 09:03:04 修改

阅读量2.2k

点赞数

分类专栏： JavaScript 文章标签： javascript elementui 前端

于 2022-02-02 18:43:00 首次发布

本文链接：https://blog.csdn.net/weixin_57607714/article/details/122771201

版权

JavaScript 专栏收录该内容

86 篇文章 4 订阅

订阅专栏

window.innerWidth 可以获取浏览器窗口的宽度

案例：当浏览器窗口小于等于800时 div盒子隐藏否则显示

<body>
    <div class="box"></div>
    <script>
        var box = document.querySelector('.box');      
        // console.log(window.innerWidth); 打印屏幕宽度
        if (window.innerWidth <= 800) {
            box.style.display = 'none';
        } else {
            box.style.display = 'block'
        }
    </script>
</body>