JavaScript - BOM

Menu

• 第8章 BOM page211

  • 8.1 window 对象 - 对窗口对象进行操作 -page211
    • 8.1.4 窗口大小
    • 8.1.5　导航和打开窗口

• Navigator - 包含有关浏览器的信息。 -page225

• Screen - 对象包含有关客户端显示屏幕的信息。

• History - 在浏览器窗口中访问过的 URL。是 window 对象的一部分 window.history

• Location - 对象包含有关当前 URL 的信息。是 window 对象的一部分 window.location

第8章 BOM page211

8.1 window 对象

• 8.1.1 全局作用域

  • 所有在全局作用域中声明的变量、函数都会变成 window 对象的属性和方法
  • 所有的window属性的Comfigurable的值都为true，所以现在的变量都是可以被dlete的。
  • 尝试访问未声明的变量会抛出错误，但是通过查询 window 对象，可以知
    道某个可能未声明的变量是否存在。例如打印window.undifineVar 会打印undifine，但不会报错；

• 8.1.4 窗口大小

  • 浏览器窗口大小
    • window.outerWidth 和 window.outerHeight
  • 视图大小（不包括边框）
    • window.innerWidth 和 window.innerHeight,
    • 标准模式下取得视图大小：
      • 检测：if（document.compatMode == "CSS1Compat"）：
      • document.documentElement.clientWidth
      • document.documentElement.clientHeight
    • 混杂模式下取得视图大小：
      • 检测：if（document.compatMode == "BackCompat"）：
      • document.body.clientWidth
      • document.body.clientHeight

• 8.1.5　导航和打开窗口

  • window.open(URL,name,features,replace)
    • URL：打开一个网址，网址前需加协议名；如果为空，则打开空窗口；
    • name：相当于html的target属性，在哪里打开，可以传入这四个值：_self、 _parent、 _top 或_blank，或者自定义name；
    • features：窗口特性，如果需要打开新窗口or新标签，则会根据第3个参数也就是features里的字符串设置来创建新窗口；特性all属性：http://www.w3school.com.cn/jsref/met_win_open.asp#windowfeatures
    • replace：规定了新载入的url是否覆盖当前url的history，true覆盖，false不覆盖；

page 247