我对象多分你一个——BOM介绍给你啊-优快云博客

快到年底了，你的家长在催你找对象不？

你是否在为找对象而烦恼吗？

看到这篇博客就算你运气好！

我这有好几个可以给你介绍介绍🤭

处不处的了就看你自己的本事了哦~

心动女嘉宾1号——BOM对象

这位女嘉宾五官端正，有着灵活的身姿，可以左右跑而且充满活力；她还很自律，能够定时监督你学习的作用；她时而热情奔放，时而安静稳重...至于更多详情就请耐心往下读吧~

看到对象的第一步就先看她的外貌

她的大致框架会是什么样的呢？

没错！我们将会从这几个方面来给大家进行介绍！

BOM对象的自我介绍

BOM（Browser Object Mode）浏览器对象模型，是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互，这些对象通常统称为BOM。

BOM内在品质——能屈能伸

BOM在<script> </script>中可以设置响应式布局，随着页面的大小改变而调整页面中的内容大小。

window.addEventListener('load', function() { } 有了这句话就可以在div前写js了。

<body>
    <script>
        // 注册页面加载事件
        window.addEventListener('load', function() { //有了这句话就可以在div前写js了
            var div = document.querySelector('div');
            // 注册调整窗口大小事件
            window.addEventListener('resize', function() {
                // window.innerWidth 获取窗口大小
                console.log('变化了');
                if (window.innerWidth <= 800) {
                    div.style.display = 'none';
                } else {
                    div.style.display = 'block';
                }
            })
        })
    </script>
    <div></div>
</body>