獲取窗口高度和寬度

咱們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。

 

- 取得窗口大小的代碼： 複製代碼 代碼以下:

var pageWidth = window.innerWidth, var pageHeight = window.innerHeight;

if(typeof pageWidth != "number"){ if(document.compatMode == "number"){ pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; }else{ pageWidth = document.body.clientWidth; pageHeight = document.body.clientHeight; } }

咱們首先把window.innerWidth和window.innerHeight的值分別付給了pageWidth和pageHeight。而後檢查pageWidth中保存的是否是一個數值；若是不是，則經過document.compatMode來肯定頁面是否處於標準模式。若是是，則分別使用document.documentElement.clientWidth和document.documentElement.clientHeight的值。不然，就使用document.body.clientWidth和document.body.clientHeight的值。 取得窗口位置的代碼： 複製代碼 代碼以下: var leftPos = (typeof window.screenLeft == "number") ? window.screenLeft : window.screenX; var topPos = (typeof window.screenTop == "number") ? window.screenTop : window.screenY; 　 這兩個例子目的是取得窗口左邊和上邊的位置，首先運用二元操做符判斷screenLeft屬性和screenTops屬性是否存在，若是存在（在IE、Safari、Opera和Chrome中），則取這兩個屬性的值。若是不存在（在Firefox中），則取screenX和screenY的值。