JavaScript Window 對象

Window對象表示當前瀏覽器的窗口，是JavaScript的頂級對象，咱們建立的全部對象、函數、變量都是Window對象的成員。

不過，通常狀況下咱們的代碼中省略了window對象，瀏覽器默認會做爲window對象的成員來調用。

例如，調用一個全局變量 myName 的完整寫法是： 

window.myName;

 可是咱們徹底能夠這樣寫：

myName;

三種定義全局變量的方法：

• 在函數外部使用 var 聲明變量，例如：

var myName=" xiaoming ";

• 在任意地方直接聲明變量（不使用 var ），例如：

  myName=" xiaoming ";

  
  

  
  

• 將變量做爲window對象的屬性，例如：

  window.myName=" xiaoming ";

  
  

  
  

在DOM操做中，咱們常用的document也是window對象的屬性，下面兩種獲取節點的方式是同樣的：

window.document.getElementById("demo"); 
document.getElementById("demo");

JavaScript頂級對象參考模型

頂級對象模型的層次結構

另外，window對象的方法和屬性是在全局範圍內有效的。

獲取瀏覽器的寬度和高度

JavaScript能夠經過window對象來獲取瀏覽器窗口的寬度和高度（瀏覽器的視口，不包括工具欄和滾動條）。

對於Internet Explorer、Chrome、Firefox、Opera 以及 Safari 請使用：
window.innerHeight - 瀏覽器窗口的內部高度
window.innerWidth - 瀏覽器窗口的內部寬度

對於 Internet Explorer 八、七、六、5 請使用：
document.documentElement.clientHeight
document.documentElement.clientWidth

或者：
document.body.clientHeight
document.body.clientWidth

下面給出了適合全部瀏覽器的代碼：

var width=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var height=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;