JavaScript---BOM

BOM—Browser Object Model

一系列与浏览器相关的信息

一、window 对象

1.窗口位置

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

2.窗口大小（ie9以下不兼容）

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

3.打开窗口

• window.open()
  打开一个新的浏览器窗口，接受四个参数
  （URL/打开方式/窗口参数/是否取代当前页面记录的布尔值）
  第三个参数实例： width=500，height=500
• window.close()
  关闭新打开的窗口（仅限open()打开的窗口）

二、window子对象

1.screen对象

• 功能：包含显示设备的信息
• 个别属性列举：
  ① screen.height、screen.width返回设备的分辨率
  ② screen.avalWidth、screen.availHeight返回屏幕可用宽高，值为屏幕的实际大小减去操作系统某些功能占据的空间，如系统任务栏

2.location对象

• 功能：保存当前文档信息，将URL解析为独立片段
• 属性：
  ① herf 返回当前页面完整的URL，修改这个属性即跳转新页面 ★
  ② hash 返回URL中的hash(#号后跟零或多个字符)
  ③ host 返回服务器名称和端口号
  ④ port 返回服务器端口号
  ⑤ pathname 返回URL中的目录和文件名
  ⑥ hostname 返回不带端口的服务器名称
  ⑦ protocol 返回页面使用的协议(http://或http://)
  ⑧ search 返回URL的查询字符串，字符串以问号开头

3.navigator对象

• 功能：保存用户上网的历史记录
• 方法、属性：
  ① go() 在用户历史记录中任意跳转，接受一个参数，表示
  前后跳转页数的整数(后退一页-1，前进一页1)，也可传字符串参数，跳转到第一个包含该字符串的位置
  ② back() 后退
  ③ forwar() 前进
  ④ length 属性保存历史记录的数量

4.判断是否是移动端

// 判断是否是移动端
    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;
    }