DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 取得窗口大小 兼容所有浏覽器的js代碼
取得窗口大小 兼容所有浏覽器的js代碼
編輯:關於JavaScript     
取得窗口大小的代碼:
復制代碼 代碼如下:
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的值。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved