js中的bom以及dom

一、BOM
1、含义：浏览器对象模型
2、对象：
- navigator对象：获取客户机的信息
- 属性：appName：获取浏览器名称
-screen对象：获取屏幕信息
-属性：width，height
-location对象：请求url
属性：href（获取请求的地址：location.href；设置url： =location.href（“url”)）
-history对象：请求url历史
-方法：back（）到上一页面、forward（）到下一页面、go（-1）到上一个页面、go(1)到下一个页面
-window对象：顶层对象，所有bom对象都是在window中操作的
-方法：alert（）；confirm（“内容"）确认框，确定返回true，否则为false；prompt（”提示“,“默认的”）输入对话框; open(“打开新窗口地址”，“名字”，“窗口特征，比如宽高”):打开一个新的窗口；close（）关闭窗口，兼容性较差；setInterval（“js代码”,毫秒数）会重复执行;setTimeOut(“js代码”,毫秒数):执行一次;clearInterVal(id):id为setInterVal的返回值；clearTimeOut（id）

#####################################################################
以上对象的方法属性为经常用的，并非全部，要全部请参照w3school
######################################################################

二、DOM对象
1、含义：文本对象模型
2、DOM对象将html的文档在内存中分配一个树形结构
（图片来源于网上）
3、DOM对象包括：document对象、element对象、属性对象、文本对象、Node节点对象
4、document对象（整个文档）
-write（）方法：输出变量以及HTML代码
-getElementById（id）：通过id来获取标签对象
-getElementsByTagName(“name”):根据标签名字来获取标签，返回一个集合
-getElementsByName（“name”）：根据name属性来获取标签，返回一个集合
-createElement（“标签名字"):创建标签
-creatTextNode(“文本”):创建文本
-appendChild（“标签或者文本”):添加孩子
5、element对象：
-getElementById（id）：通过id来获取标签对象
-getElementsByTagName(“name”):根据标签名字来获取标签，返回一个集合
-getElementsByName（“name”）：根据name属性来获取标签，返回一个集合
-appendChild（“标签或者文本”):添加孩子
-getAttribute("属性名字’):获取标签的属性值 （注：也可以直接调用标签的属性获取属性值)
-setAttribute(“name”,“值”):设置属性
-removeAttribute(“属性名”）：删除属性，不能删除values
属性：
parentNode、childNodes（子节点）firstChild（第一个子节点）、lastChild（最后一个子节点）、nextSibling（下个兄弟节点）、previousSibling（上一个兄弟节点）
6、操作DOM树（增删该查，这里只说方法）
1、appendChild（”节点或者文本“）,功能类似于剪切复制
2、insertBefore（new Node,old Node) 在某个节点之前插入新的节点，要先获取其父节点
3、removeChild（”删除的节点“）先获取父节点，后删除
4、replaceChild(newNode，oldNode）先获取父节点
5、cloneNode（true）：复制节点
######################################################################
注：操作的获取标签都是取该标签子标签，子标签里的子标签无法直接获取