瀏覽器頁面區域大小的js取得方法_javascript技巧

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

複製程式碼 程式碼如下:

//在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 Element.clientHeight = 可見區域高度可見區域高度
?
//在Opera中：
document.body.clientWidth ==> 可見區域寬度
document.body.clientHeight ==> 可見區域高度
document.documentElement.clientHeight ==> 可見區域高度
document.documentElement.clientWidth = => 頁面物件寬度（即BODY物件寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面物件高度（即BODY物件高度加上Margin高）
//而如果沒有定義W3C的標準，則
//IE為：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox為：
document.document. clientWidth ==> 頁面物件寬度（即BODY物件寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面物件高度（即BODY物件高度加上Margin高）
//Opera為：
document .documentElement.clientWidth ==> 頁面物件寬度（即BODY物件寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面物件高度（即BODY物件高度加上Margin高）