js---BOM

window对象

窗口位置

1.screenLeft返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容火狐；
2.screenTop返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容火狐
3.screenX功能同screenLeft，兼容火狐
4.screenY功能同screenTop。兼容火狐

窗口大小

• innerWidth返回网页在当前窗口中可见部分的宽度，包含滚动条宽度；
• innerHeight返回网页在当前窗口可见部分高度，包含滚动条的高度
• outerWidth返回浏览器窗口宽度，包含浏览器菜单和边框
• outerHeight返回浏览器窗口高度，包含浏览器菜单和边框

console.log(window.screenX, window.screenY);
console.log(window.innerWidth,window.innerHeight)
console.log(window.outerWidth,window.outerHeight)

打开窗口

1.window.open()
打开一个新的浏览器窗口，接受四个参数（URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值）
2.window.close()
关闭新打开的窗口（仅限open()打开的窗口）

//2. open()  close()
    function to() {
        window.open('lurenjia.html', '_blank', 'width=500, height=500');
    }

window子对象

screen对象

功能：包含显示设备的信息

location对象

功能：保存当前文档信息。将URL解析为独立片段
属性：

• href：返回当前页面完整的URL，修改此属性可以跳转新页面
• hash：返回URL中的hash（#后跟零或多个字符）
• host：返回服务器名称和端口号
• port：返回服务器端口号
• pathname:返回URL中的目录和文件名
• hostname:返回不带端口号的服务器名称
• protocol:返回页面使用协议
• search：返回URL的查询字符串，字符串以？开头

 3. location  地址栏
    function to() {
        // a标签跳转的原理
        location.href = 'lurenjia.html';
    }

navigator对象

功能：提供一系列属性用于检测浏览器
online：是否联网
userAgent:浏览器嗅探，检测浏览器的类型

  // 4. navigator 浏览器状态
    console.log(navigator,navigator.userAgent);

 // 判断是否是移动端
    function isMobile() {
        // 移动端操作系统
        var mobiles = ["Android", "iPhone", "iPad", "iPod", "Symbian", "BlackBerry"];
        for (var i=0; i<mobiles.length; i++) {
            if (navigator.userAgent.indexOf(mobiles[i]) !== -1) {
                return true;
            }
        }
        return false;
    }

history对象

功能：保存用户上网的历史记录
方法，属性：
1.go()在用户历史记录中任意跳转，接受一个参数，表示前后跳转页数的整数值（后退-1；前进1），也可传字符串参数，跳转到第一个包含该字符串的位置
2.back（）后退
3.forward（）前进
4.length属性保存历史记录的数量