瀏覽器頁(yè)面區(qū)域大小的js獲取方法
更新時(shí)間:2013年09月21日 16:56:52 作者:
瀏覽器頁(yè)面的區(qū)域大小如何獲取,在本有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下,希望對(duì)大家有所幫助
瀏覽器頁(yè)面區(qū)域大小的獲取:
//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可獲得,很簡(jiǎn)單,很方便。
//而在公司項(xiàng)目當(dāng)中:
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox則使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原來(lái)是W3C的標(biāo)準(zhǔn)在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在頁(yè)面中添加這行標(biāo)記的話
//在IE中:
document.body.clientWidth ==> BODY對(duì)象寬度
document.body.clientHeight ==> BODY對(duì)象高度
document.documentElement.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見(jiàn)區(qū)域高度
//在FireFox中:
document.body.clientWidth ==> BODY對(duì)象寬度
document.body.clientHeight ==> BODY對(duì)象高度
document.documentElement.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見(jiàn)區(qū)域高度
?
//在Opera中:
document.body.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.body.clientHeight ==> 可見(jiàn)區(qū)域高度
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)
document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
//而如果沒(méi)有定義W3C的標(biāo)準(zhǔn),則
//IE為:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox為:
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
//Opera為:
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
復(fù)制代碼 代碼如下:
//在IE、FireFox、Opera下都可以使用
document.body.clientWidth
document.body.clientHeight
//即可獲得,很簡(jiǎn)單,很方便。
//而在公司項(xiàng)目當(dāng)中:
//Opera仍然使用
document.body.clientWidth
document.body.clientHeight
//可是IE和FireFox則使用
document.documentElement.clientWidth
document.documentElement.clientHeight
//原來(lái)是W3C的標(biāo)準(zhǔn)在作怪啊
//http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
//如果在頁(yè)面中添加這行標(biāo)記的話
//在IE中:
document.body.clientWidth ==> BODY對(duì)象寬度
document.body.clientHeight ==> BODY對(duì)象高度
document.documentElement.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見(jiàn)區(qū)域高度
//在FireFox中:
document.body.clientWidth ==> BODY對(duì)象寬度
document.body.clientHeight ==> BODY對(duì)象高度
document.documentElement.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.documentElement.clientHeight ==> 可見(jiàn)區(qū)域高度
?
//在Opera中:
document.body.clientWidth ==> 可見(jiàn)區(qū)域?qū)挾?
document.body.clientHeight ==> 可見(jiàn)區(qū)域高度
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)
document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
//而如果沒(méi)有定義W3C的標(biāo)準(zhǔn),則
//IE為:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
//FireFox為:
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
//Opera為:
document.documentElement.clientWidth ==> 頁(yè)面對(duì)象寬度(即BODY對(duì)象寬度加上Margin寬)document.documentElement.clientHeight ==> 頁(yè)面對(duì)象高度(即BODY對(duì)象高度加上Margin高)
您可能感興趣的文章:
- 兩個(gè)JSP頁(yè)面父頁(yè)面獲取子頁(yè)面內(nèi)容的兩種方法
- js通過(guò)location.search來(lái)獲取頁(yè)面?zhèn)鱽?lái)的參數(shù)
- js獲取頁(yè)面?zhèn)鱽?lái)參數(shù)的方法
- js獲取當(dāng)前頁(yè)面的url網(wǎng)址信息
- js子頁(yè)面獲取父頁(yè)面數(shù)據(jù)示例
- js獲取當(dāng)前頁(yè)面路徑示例講解
- 通過(guò)JS來(lái)判斷頁(yè)面控件是否獲取焦點(diǎn)
- js獲取html頁(yè)面節(jié)點(diǎn)方法(遞歸方式)
- js獲取頁(yè)面description的方法
相關(guān)文章
微信小程序button標(biāo)簽open-type屬性原理解析
這篇文章主要介紹了微信小程序button標(biāo)簽open-type屬性原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01ES6 Iterator接口和for...of循環(huán)用法分析
這篇文章主要介紹了ES6 Iterator接口和for...of循環(huán)用法,結(jié)合實(shí)例形式分析了Iterator接口和for...of循環(huán)相關(guān)使用技巧,需要的朋友可以參考下2019-07-07JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12一起來(lái)了解一下JavaScript的預(yù)編譯(小結(jié))
這篇文章主要介紹了一起來(lái)了解一下JavaScript的預(yù)編譯(小結(jié)),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03BootstrapTable加載按鈕功能實(shí)例代碼詳解
這篇文章主要介紹了BootstrapTable加載按鈕功能實(shí)例代碼詳解,需要的朋友可以參考下2017-09-09