js：BOM: Browser Object Model, 浏览器对象模型

BOM: Browser Object Model, 浏览器对象模型
    内置对象:
        1. 浏览器对象: window, 代表整个浏览器, js的所有内置函数, 对象都是window的附属产物
            例如: window.alert(""), window.confirm("")
            由于都需要通过window调用, 因此在语法上window可以省略
        2. 定位对象: location, window.location
            属性和函数:
                1) href: 使用页面的路径(url), 用法分为2种:
                    i.  读取路径: var url = location.href;
                    ii. 页面跳转: location.href = "路径";
                        注: 进行页面跳转是的语法可以省略href, 例: location = "路径";
                2) reload(): 刷新当前页面
                3) search: 获取路径中的参数
        3. 历史对象: history, window.history
            属性和函数:
                1) back(): 后退
                2) forward(): 前进
                3) go(参数): 参数要求是整数, 根据参数的具体情况决定效果
                    i.   正整数: 前进指定数量的页面
                    ii.  负整数: 后退指定数量的页面
                    iii. 0: 刷新当前页面

        4. 文档对象: document, window.document
            对页面上的元素进行增删改查.
            1) 查: 获取标签对象
                [1] 根据标签的id获取标签对象
                    语法: var tag = document.getElementById("id名");
                [2] 根据标签名获取标签对象数组
                    语法: var tags = document.getElementsByTagName("标签名");
                [3] 根据标签的class获取标签对象数组
                    语法: var tags = document.getElementsByClassName("class名");
                [4] 根据标签的name获取标签对象数组
                    语法: var tags = document.getElementsByName("name属性值");

            2) 改: 获取/改变标签的属性和内容
                [1] value: 标签对象.value, 操作标签的value属性
                [2] innerHTML: 标签对象.innerHTML, 操作标签的内容(包含标签的各级子元素)
                    innerText: 标签对象.innerTEXT，操作标签的纯文本内容(包含各级子元素的文本内容)
                [3] style: 标签对象.style.样式属性名 = 值;
                       操作标签的行内样式, 用于修改较多, 用于取值较少
                [4] className: 标签对象.className, 操作标签对象的class属性