JS DOM（文档对象模型）与BOM（浏览器对象模型）

在JS中，对DOM（Document Object Model）对象和BOM（Browser Object Model ）对象的操作是非常重要的内容。DOM主要包括HTML文档的属性和方法，像对HTML节点的操作，CSS的操作和HTML事件的监听和处理。BOM不要包括浏览器相关的一些属性和方法。

DOM知识点
1、改变页面的元素和属性

a、获取元素的方法：document.getElementById()document.getElementsByTagName()document.getElementsByClassName()b、js输出HTML内容document.write();c、获取和修改元素的内容：document.getElementById(id).innerHTMLdocument.getElementById(id).innerHTML=new HTML；d、获取和修改元素的属性值：document.getElementById(id).getAttribute(attribute)document.getElementById(id).setAttribute(value)；e、添加html标签：document.createElementf、添加html文本内容：document.createTextNodeg、追加元素：document.appendChild();h、从父元素中删除子元素：parent.removeChild(child)

2、改变页面元素的样式

a、修改css样式：document.getElementById(id).style.property;//只能获取内联样式的属性值document.getElementById(id).style.property=new style；document.getElementById(id).getComputedStyle;//获取当前样式，IE9以下不支持，返回null,IE9以下需要使用currentStyle方法。

3、对页面元素事件的监听和处理
常用的事件：

onload：当文档加载时运行脚本onblur：当窗口失去焦点时运行脚本onfocus：当窗口获得焦点时运行脚本onchange：当元素改变时运行脚本onsubmit：当提交表单时运行脚本onkeydown：当按下按键时运行脚本onkeypress：当按下并松开按键时运行脚本onkeyup：当松开按键时运行脚本onclick：当单击鼠标时运行脚本ondblclick：当双击鼠标时运行脚本onmousedown：当按下鼠标按钮时运行脚本onmousemove：当鼠标指针移动时运行脚本onmouseout：当鼠标指针移出元素时运行脚本onmouseover：当鼠标指针移至元素之上时运行脚本onmouseup：当松开鼠标按钮时运行脚本onabort：当发生中止事件时运行脚本

BOM知识点

a、窗口window.open()：打开新窗口window.close()：关闭当前窗口window.moveTo()：移动当前窗口window.resizeTo()：调整当前窗口的尺寸b、窗口的内部高度和宽度标准浏览器：window.innerHeightwindow.innerWidth对于 Internet Explorer 8、7、6、5：document.documentElement.clientHeight 或者 document.body.clientHeightdocument.documentElement.clientWidth 或者 document.body.clientWidthc、屏幕对象screen.availWidth：可用的屏幕宽度screen.availHeight：可用的屏幕高度d、地址栏对象location.hostname：web 主机的域名location.pathname：当前页面的路径和文件名location.port：主机的端口 （80 或 443）location.protocol：所使用的 web 协议（http:// 或 https://）history.back()：与在浏览器点击后退按钮相同history.forward()：与在浏览器中点击按钮向前相同e、浏览器自带的信息navigator.appVersion：浏览器版本navigator.platform：浏览器平台navigator.userAgent：浏览器User-agent headerf、计时器相关的setInterval()和clearInterval 间隔几秒循环执行/清除定时器setTimeout 和 clearTimeout() 间隔几秒执行（单次）/清除定时器