BOM 属性、方法、事件应用案例

最新推荐文章于 2022-06-21 22:51:00 发布

Mr， Jia

最新推荐文章于 2022-06-21 22:51:00 发布

阅读量175

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/SoLoJia/article/details/125397945

版权

BOM的构成
window对象是浏览器的顶级对象，它具有双重角色

它是js访问浏览器窗口的一个接口
它是一个全局对象。定义在全局作用域的变量、函数都会变为window对象的属性和方法
在调用的时候可以省略window，前面学习的对话框都属于window对象方法，如alert()、prompt()等

注意：window下的一个特殊属性window.name，所以避免使用name命名

窗口加载事件

window.onload = function(){  }
或者
window.addEventListen('load', function{  });

window.onload是窗口（页面）加载事件，当文档内容完全加载完成会触发事件（包括图像、脚本文件、css文件等），就调用的处理函数

调整窗口大小事件

window.onresize = function(  ){  }
或者
window.addEventListener('resize' function(  ){  });

定时器

setTimeout()
setInterval()

window.setTimeout(调用函数， [延迟的毫秒数])；

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>5秒广告</title>
    </head>
    <body>
        <img src="./img/01.jpg">
        <script type="text/javascript">
            var img = document.querySelector('img');
            setTimeout(function(){
                img.style.display = 'none';
            }, 5000);
        </script>
    </body>
</html>