取得窗口大小兼容所有瀏覽器的js代碼

2019-11-20 23:43:25

字體：大中小

來源：轉載

供稿：網友

取得窗口大小的代碼：

 
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的值。

上一篇：IE 當eval遇上function的處理

下一篇：Javascript實現的類似Google的Div拖動效果代碼