BOM学习笔记

1. window

   1. 获得窗口大小

      a. 获得完整窗口大小: 
      window.outerWidth
      window.outerHeight
      b. 获得文档显示区大小: 
      window.innerWidth
      window.innerHeight

   2. 获得文档显示区大小

      window.open()
      window.close()

2. 打开新链接的4种方式

   1. 当前窗口打开，可后退

      a. html:
          <a href="url" target="_self">
      b. js: 
          window.open("url", "_self");

   2. 当前窗口打开，禁止后退

      a. js: 
          location.replace("新url")

   3. 新窗口打开，并同时打开多个

      a. html: 
          <a href="url" target="_blank">
      b. js: 
          window.open("url", "_blank");

   4. 新窗口打开，仅打开一个

      a. html: 
          <a href="url" target="自定义窗口名">
      b. js: 
          window.open("url", "自定义窗口名")

3. history

   (1). 前进: history.go(n)
   (2). 后退: history.go(-n)
   (3). 刷新: history.go(0)

4. location

   1. 属性

      a. location.href  完整url
      b. location.protocol  协议
      c. location.host   主机名+端口号
      d. location.hostname  主机名
      e. location.port   端口号
      f. location.pathname  相对路径
      g. location.search   ?及其之后的查询字符串参数列表
      h. location.hash    #锚点地址

   2. 方法

      a. 在当前窗口打开，可后退： 
      	location.assign("新url") 
          或 
          location.href="新url"
      b. 在当前窗口打开，禁止后退: 
      	location.replace("新url")
      c. 刷新: 
          location.reload();

5. navigator

   1. 查看浏览器的名称和版本号

      navigator.userAgent

   2. 查看浏览器中安装的插件列表

      navigator.plugins