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>