瀏覽器頁面區(qū)域大小的js獲取方法
更新時間:2013年09月21日 16:56:52 作者:
瀏覽器頁面的區(qū)域大小如何獲取,在本有個不錯的示例,感興趣的朋友可以參考下,希望對大家有所幫助
瀏覽器頁面區(qū)域大小的獲取:
//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可獲得,很簡單,很方便。
//而在公司項目當(dāng)中:
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox則使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原來是W3C的標(biāo)準(zhǔn)在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在頁面中添加這行標(biāo)記的話
//在IE中:
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見區(qū)域高度
//在FireFox中:
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見區(qū)域高度
?
//在Opera中:
document.body.clientWidth ==> 可見區(qū)域?qū)挾?
document.body.clientHeight ==> 可見區(qū)域高度
document.documentElement.clientWidth ==> 頁面對象寬度(即BODY對象寬度加上Margin寬)
document.documentElement.clientHeight ==> 頁面對象高度(即BODY對象高度加上Margin高)
//而如果沒有定義W3C的標(biāo)準(zhǔn),則
//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高)
復(fù)制代碼 代碼如下:
//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可獲得,很簡單,很方便。
//而在公司項目當(dāng)中:
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox則使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原來是W3C的標(biāo)準(zhǔn)在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在頁面中添加這行標(biāo)記的話
//在IE中:
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見區(qū)域高度
//在FireFox中:
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見區(qū)域高度
?
//在Opera中:
document.body.clientWidth ==> 可見區(qū)域?qū)挾?
document.body.clientHeight ==> 可見區(qū)域高度
document.documentElement.clientWidth ==> 頁面對象寬度(即BODY對象寬度加上Margin寬)
document.documentElement.clientHeight ==> 頁面對象高度(即BODY對象高度加上Margin高)
//而如果沒有定義W3C的標(biāo)準(zhǔn),則
//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高)
相關(guān)文章
微信小程序?qū)崿F(xiàn)基于三元運算驗證手機號/姓名功能示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)基于三元運算驗證手機號/姓名功能,涉及三元運算符的判定及字符串正則驗證相關(guān)操作技巧,需要的朋友可以參考下2019-01-01
DWR實現(xiàn)模擬Google搜索效果實現(xiàn)原理及代碼
本文主要介紹DWR實現(xiàn)模擬Google搜索效果實現(xiàn)原理,感興趣的朋友可以了解下,或許對你的DWR學(xué)習(xí)有幫助,閑話就不多說了,看代碼了2013-01-01
javascript 字符 Escape,encodeURI,encodeURIComponent
下面是對字符串編碼轉(zhuǎn)換功能函數(shù)大家,大家可以根據(jù)實際需要選擇使用。2009-07-07
js,jQuery 排序的實現(xiàn)代碼,網(wǎng)頁標(biāo)簽排序的實現(xiàn),標(biāo)簽排序
js,jQuery 排序的實現(xiàn),網(wǎng)頁標(biāo)簽排序的實現(xiàn),標(biāo)簽排序,需要的朋友可以參考下。2011-04-04

