BOM

BOM
    介绍
            BOM是browser object model的缩写，简称浏览器对象模型
    BOM提供了独立于内容而与浏览器窗口进行交互的对象
    由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
    BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
    BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
    BOM最初是Netscape浏览器标准的一部分
    对象
        window对象
            alert() 显示一个带有消息的警告框
            confirm() 确认对话框
            prompt() 问答对话框
            close() 关闭浏览器对象
                案例：window.close()
            open() 打开一个新窗口
                window.open('1.html','','width=100,height=100,left=200,top=200;');
            resizeTo() 修改窗口的大小
                myWindow.resizeTo(400,400);
                注意：谷歌只能用localhost访问
            resizeBy()  增加窗口大小
                myWindow.resizeBy(100,100);
注意：值可以为负值
            moveTo() 将新窗口的位置移动到指定的位置
                window.moveTo(x,y)
            moveBy() 增加窗口位置
                window.moveBy(x,y)
        location对象
            属性
                hash    设置或返回从井号 (#) 开始的 URL（锚）。
hostname    设置或返回当前 URL 的主机名。
href    设置或返回完整的 URL。
pathname    设置或返回当前 URL 的路径部分。
search    设置或返回从问号 (?) 开始的 URL（查询部分）。
            方法
                页面跳转
                    location.href='http://www.baidu.com'
                    location.replace('http://www.baidu.com')
                页面刷新
                    reload()
                    reload(true)     强制刷新
        navigator浏览器对象
            appCodeName 返回浏览器的代码名
            appName 返回浏览器的名称
            appVersion 返回浏览器的平台和版本信息
            cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值
            platform 返回运行浏览器的操作系统平台
            userAgent 返回由客户机发送服务器的 user-agent 头部的值
            案例：with(document){
            write('返回浏览器的代码名字:'+navigator.appCodeName+'<br>');
            write('返回浏览器的名称:'+navigator.appName+'<br>');
            write('返回浏览器的平台和版本信息:'+navigator.appVersion+'<br>');
            write('返回浏览器中指明是否使用cookie的值：'+navigator.cookieEnabled+'<br>')
            write('返回浏览运行的操作平台:'+navigator.platform+'<br>');
            write('返回由客户机发送服务器的 user-agent 头部的值:'+navigator.userAgent);
        }
        screen对象
            属性
                width  获取屏幕的宽度
                height  获取屏幕的高度
                availWidth  获取屏幕的宽度(不包含任务栏)
                availHeight  获取屏幕的高度(不包含任务栏)
            页面相关尺寸
                documentElement.clientWidth  获取浏览器可视区域的宽度
                documentElement.clientHeight  获取浏览器可视区域的高度
                documentElement.scrollWidth  获取浏览器文档的全文宽
                documentElement.scrollHeight  获取浏览器文档的全文高
                documentElement.scrollTop  获取滚动条顶部的偏移量
                documentElement.scrollLeft  获取滚动条左侧的偏移量
        history对象
            属性
                length
            方法
                back()
                forward()
                go()