瀏覽器頁面區域大小的獲取:

復制代碼 代碼如下:

//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可獲得，很簡單，很方便。
//而在公司項目當中：
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox則使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原來是W3C的標準在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在頁面中添加這行標記的話

//在IE中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
//在FireFox中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
?
//在Opera中：
document.body.clientWidth ==> 可見區域寬度
document.body.clientHeight ==> 可見區域高度
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）
//而如果沒有定義W3C的標準，則
//IE為：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox為：
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）
//Opera為：
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）