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

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

//在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高）