js实现当窗口大小改变后,隐藏盒子

最新推荐文章于 2022-03-08 16:24:24 发布

黄大仙No.1

最新推荐文章于 2022-03-08 16:24:24 发布

阅读量518

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/107868791

版权

javascript 专栏收录该内容

104 篇文章 9 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>窗口大小改变事件</title>
    <style>
        div{
            width:200px;
            height: 200px;
            background-color: pink;
        }
    </style>
</head>
<body>
<!--window.onsize=function(){}-->
<!--window.addEventListener("resize",function(){})-->
<script>
    window.addEventListener('load',function () {
        window.addEventListener('resize',function () {
            console.log('窗口尺寸变化了');
            if (window.innerWidth<700){
                document.querySelector('div').style.display='none';
            }
        })
    })
</script>
<div></div>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

黄大仙No.1

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
js实现当窗口大小改变后,隐藏盒子

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>窗口大小改变事件</title> <style> div{ width:200px; height: 200px; background-color: pink; .
复制链接

扫一扫