BOM

浏览器对象模型， 用于把浏览器相关的组件封装为对象进行操作。
BOM是包含了DOM的。

window对象

弹出框相关

确认：
取消：

与打开关闭window有关的方法

定时器相关

暂停选老婆

location对象

    1. 创建(获取)：
        1. window.location
        2. location

    2. 方法：
        * reload()  重新加载当前文档。刷新
    3. 属性
        * href  设置或返回完整的 URL。
    href 用于获取或指定当前页面的url
        可以用于页面跳转

history对象

1. 创建(获取)：
        1. window.history
        2. history

    2. 方法：
        * back()    加载 history 列表中的前一个 URL。
        * forward() 加载 history 列表中的下一个 URL。
        * go(参数)    加载 history 列表中的某个具体页面。
            * 参数：
                * 正数：前进几个历史记录
                * 负数：后退几个历史记录
    3. 属性：
        * length    返回当前窗口历史列表中的 URL 数量。    
        go(-1)
        后退一个页面

DOM,为了操作html对象

把html文档加载进内存， 用对象模型加以描述， 可以对这些对象进行操作以修改文档最终数据结构。
该对象模型是一个树型结构， 一般我们称为DOM树。
我们的dom操作一般都是基于该dom树进行增删改查操作。
##document对象
    DOM树
    方法：
    1. 获取Element对象：*****
        1. getElementById() ： 根据id属性值获取元素对象。id属性值一般唯一
        2. getElementsByTagName()：根据元素名称获取元素对象们。返回值是一个数组
        3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组
        4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组
    
##Element对象
    方法：
        setAttribute(属性名,属性值)
            设置属性
        removeAttribute(属性名)
            删除属性
        
    
##Node对象
    是所有dom对象的父对象， 包括document在内， element、Attribute...都是Node子类。
    appendChild()***
        添加一个子节点
    removeChild()***
        移除指定的子节点
        注意：在传统js中， 要移除一个节点，必须使用父节点移除子节点，不能自己移除自己。
    属性：
        parentNode
属性：*****
    innerHTML  内部的html， 用于设置和获取元素的标签体
    innerText  内部的文本， 不支持html格式数据， 参数都会当成普通字符串处理
样式控制：
    使用style属性指定样式的值
    使用className属性指定样式类

事件

事件监听机制***
    在某个组件上监听某个特定的行为， 当此行为被触发， 则自动执行提前设定好的代码逻辑。
事件：
    onclick 单击事件
绑定方式：
    可以在html标签上设定。 函数调用需要加括号
    也可以使用dom操作绑定， 给onclick属性赋值即可。函数赋值不需要加括号

超链接的href属性可以通过javascript:后加一句js代码替代a标签原有的跳转功能， 如果指定为javascritp:void(0); 代表点击时不做任何操作，便于我们自行绑定点击事件

js中的this*****
在一个function中，如果使用到this， 指的是调用该函数的对象。

JavaScript之BOM+DOM

原文：https://www.cnblogs.com/maomaodesu/p/12031310.html