BOM的方法与应用

• browser object model一系列与浏览器相关的信息
• window是浏览器留给js的总入口；
• 全局变量都是window的属性，全局函数都是window的方法
• location.href='';a标签跳转原理
• window对象
  • 窗口位置
    • screenLeft 返回浏览器窗口左上角相对于当前屏幕左上角的水平距离，不兼容FF浏览器
    • screenTop 返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离，不兼容FF浏览器
    • screenX 功能同screenLeft,兼容FF
    • screenY 功能同screenTop，兼容FF
  • 窗口大小（IE以下不兼容）
    • innerWidth 返回网页在当前窗口中可见部分的宽度，包含滚动条宽度
    • innerHeighr 返回网页在当前窗口中可见部分的高度，包含滚动条高度
    • outerWidth 返回浏览器窗口宽度，包含浏览器菜单和边框
    • outerHeight 返回浏览器窗口高度，包含浏览器菜单和边框
  • 打开窗口
    • window.open()
      • 打开一个新的浏览器窗口，接受四个参数（URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值）
      • 第三个参数示例 width=500,height=500
    • window.close()关闭新打开的窗口（仅限open（）打开的窗口）
• window子对象
  • screen对象
    • 功能：包含显示设备的信息
    • 个别属性列举：
      • screen.height,screen.width返回设备的分辨率
      • screen.availWidth,screen.availHeight返回屏幕可用宽高，值为屏幕的实际大小减去操作系统某些功能占据的空间，如系统任务栏
  • location对象
    • 功能
      • 保存当前文档信息，将URL解析为独立片段
    • 属性
      • href
        • 返回当前页面完整的URL
        • 修改这个属性，即跳转新页面
      • hash 返回URL中的hash（#号后跟零或多个字符）
      • host 返回服务器名称和端口号
      • port 返回服务器端口号
      • pathname 返回URL中的目录和文件名
      • hostname 返回不带端口号的服务器名称
      • protocol 返回页面使用的协议（http：//或https://）
      • search 返回URL的查询字符串，字符串以问号开头
  • navigator对象
    • 提供一系列属性用于检测浏览器
    • onLine 是否联网
    • userAgent
      • 浏览器嗅探
      • 检测浏览器的类型
  • history对象
    • 功能：保存用户上网的历史记录
    • 方法，属性：
      • go（）在用户历史记录中任意跳转，接受一个参数，表示前后跳转页数的整数值（后退一页-1，前进一页1），也可以传字符串参数，跳转到第一个包含该字符串的位置。
      • back（）后退
      • forward（）前进
      • length 属性保存历史记录的数量