第十一节课

第十一节课

BOM

什么是BOM

• Browser Object Model 是浏览器对象模型，浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象

• 对象——— window对象

  • 是JS的顶层对象
  • 全局变量

常见的BOM对象

• Windows对象

  • 代表整个浏览器窗口

• Location

  • 代表当前浏览器的地址栏信息

  • 常用属性

    • url中#后面的内容href:跳转

    • protocol
      协议，http、https

    • pathname
      url中路径部分

    • search

      • 查询字符串
      • http：//www.info.com/articles?keywords=Java&pageSize=10&currentPage=2

    • hostname
      主机名

    • host
      包括主机名和端口

    • window.location.href=’www.baidu.com’ 等价于location.href=’’www.baidu.com’
      

  • 常用方法

    • location.reload();
    • location.reload(true);
    • location.replace();

• Navigator

  • 代表当前浏览器的信息
  • userAgent

• History

  • 代表浏览器的历史记录,用来操作浏览器的向前或先后翻页

  • 属性

    • history.length
    • 获取浏览器历史列表中的url数量。
      注意：只是统计当次的数量，如果浏览器关了，数量会重置为1

• Screen

  • 代表用户的屏幕信息

常用的BOM事件

• 弹出系统对话框

  • alert();
  • confirm();
  • prompt();

• 打开窗口、关闭窗口

  • window.open(url、target、param);

  • window.close();
    

JS重要内容