JavaScript进阶内容——BOM详解在上一篇文章中我们学习了DOM，接下来让我们先通过和DOM的对比来简单了解一下BOM首先我们先来复习一下DOM：文档对象模型DOM把文档当作一个对象来看待DOM的顶级对象是documentDOM的主要学习是操作页面元素DOM是W3C标准规范然后我们来介绍一下BOM：浏览器对象模型BOM把浏览器当作一个对象来看待BOM的顶级对象是windowBOM学习的是浏览器窗口交互的一些对象BOM是浏览器厂商在各自浏览器上定义的，兼容性较差BOM概述BOM（BrowserObjectModel）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心

JavaScript进阶内容——BOM详解在上一篇文章中我们学习了DOM，接下来让我们先通过和DOM的对比来简单了解一下BOM首先我们先来复习一下DOM：文档对象模型DOM把文档当作一个对象来看待DOM的顶级对象是documentDOM的主要学习是操作页面元素DOM是W3C标准规范然后我们来介绍一下BOM：浏览器对象模型BOM把浏览器当作一个对象来看待BOM的顶级对象是windowBOM学习的是浏览器窗口交互的一些对象BOM是浏览器厂商在各自浏览器上定义的，兼容性较差BOM概述BOM（BrowserObjectModel）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心

BOMBOM:Broswerobjectmodel,即浏览器提供我们开发者在javascript用于操作浏览器的对象。BOM就是浏览器对象模型BOM提供了一些独立于内容页面与浏览器窗口进行交互的对象接口BOM的核心是window对象,所以window一般在书写时是可以省略的.BOM其实也是由一系列相关的对象组成，并且每个对象都提供了很多方法和属性window对象是浏览器的顶级对象，具有双重角色window对象是JS访问浏览器窗口的一个接口window对象是一个全局对象,声明的所有的全局变量，全局方法函数最终都是window对象的属性或者方法窗口方法//BOMBrowserobjectmodel

BOMBOM:Broswerobjectmodel,即浏览器提供我们开发者在javascript用于操作浏览器的对象。BOM就是浏览器对象模型BOM提供了一些独立于内容页面与浏览器窗口进行交互的对象接口BOM的核心是window对象,所以window一般在书写时是可以省略的.BOM其实也是由一系列相关的对象组成，并且每个对象都提供了很多方法和属性window对象是浏览器的顶级对象，具有双重角色window对象是JS访问浏览器窗口的一个接口window对象是一个全局对象,声明的所有的全局变量，全局方法函数最终都是window对象的属性或者方法窗口方法//BOMBrowserobjectmodel

12、节点的复制使用cloneNode()方法对节点进行复制时，它会复制节点的所有特点包括各种属性这个方法默认只会复制当前节点，而不会复制节点的子节点可以传递一个true作为参数，这样该方法也会将元素的子节点一起复制在本案例中，像li是一个节点，里面的“孙悟空”是一个子节点，需要使用true来一块复制上点我一下孙悟空猪八戒沙和尚蜘蛛精//点击按钮后，将id为l1的元素添加到list2中constlist2=document.getElementById('list2')constl1=document.getElementById('l1')constbtn01=document.getEle

12、节点的复制使用cloneNode()方法对节点进行复制时，它会复制节点的所有特点包括各种属性这个方法默认只会复制当前节点，而不会复制节点的子节点可以传递一个true作为参数，这样该方法也会将元素的子节点一起复制在本案例中，像li是一个节点，里面的“孙悟空”是一个子节点，需要使用true来一块复制上点我一下孙悟空猪八戒沙和尚蜘蛛精//点击按钮后，将id为l1的元素添加到list2中constlist2=document.getElementById('list2')constl1=document.getElementById('l1')constbtn01=document.getEle