Web前端开发基础（HTML+CSS+JavaScript）课件 第13章 BOM.pptxVIP

第十三章BOM

第十三章BOM

讲师:

日期:

Web前端开发基础

1

第十三章BOM

学习目标

理解BOM的基础知识

掌握通过BOM实现网页特效

Web前端开发基础

2

第十三章BOM

13.1BOM基础

概念:BOM（浏览器对象模型）提供与浏览器进行交互的对象和方法，包括window

document、location、navigator、screen和history对象。

Web前端开发基础

3

第十三章BOM

window对象

特点:

是浏览器中最大的对象，包含所有属性和方法。

document是window对象的一个属性。

常用属性和事件:

onload():窗口加载完成后执行的事件。

addEventListener():可以设置多个事件。

open():打开一个新的窗口。

close()：关闭当前窗口。

Web前端开发基础

4

第十三章BOM

window对象

示例：

`script

`window.addEventListener(load,function(){

letdiv=document.getElementById(div);

div.style.height=100px;

div.style.backgroundColor=blue;

});/scrip)

);

);=td-i