欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

瀏覽器頁面區(qū)域大小的js獲取方法

 更新時間:2013年09月21日 16:56:52   作者:  
瀏覽器頁面的區(qū)域大小如何獲取,在本有個不錯的示例,感興趣的朋友可以參考下,希望對大家有所幫助
瀏覽器頁面區(qū)域大小的獲取:
復制代碼 代碼如下:

//在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 ==> 可見區(qū)域寬度
document.documentElement.clientHeight ==> 可見區(qū)域高度
//在FireFox中:
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域寬度
document.documentElement.clientHeight ==> 可見區(qū)域高度
?
//在Opera中:
document.body.clientWidth ==> 可見區(qū)域寬度
document.body.clientHeight ==> 可見區(qū)域高度
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高)

相關文章

  • 微信小程序button標簽open-type屬性原理解析

    微信小程序button標簽open-type屬性原理解析

    這篇文章主要介紹了微信小程序button標簽open-type屬性原理解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-01-01
  • javascript日期格式化方法匯總

    javascript日期格式化方法匯總

    本文給大家匯總介紹了javascript格式化日期時間的幾種常用方法,個人對最后一種個性化輸出時間比較有興趣,基本上只要項目中能用到都是使用這種,推薦給小伙伴們。
    2015-10-10
  • ES6 Iterator接口和for...of循環(huán)用法分析

    ES6 Iterator接口和for...of循環(huán)用法分析

    這篇文章主要介紹了ES6 Iterator接口和for...of循環(huán)用法,結合實例形式分析了Iterator接口和for...of循環(huán)相關使用技巧,需要的朋友可以參考下
    2019-07-07
  • HTML5 js實現拖拉上傳文件功能

    HTML5 js實現拖拉上傳文件功能

    這篇文章主要為大家詳細介紹了HTML5實現拖拉上傳文件功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-01-01
  • Javascript中的arguments與重載介紹

    Javascript中的arguments與重載介紹

    這篇文章主要介紹了Javascript中的arguments與重載介紹,本文講解了Javscript 重載、Javascript arguments不是一個數組等內容,需要的朋友可以參考下
    2015-03-03
  • JS控制鼠標拒絕點擊某一按鈕的實例

    JS控制鼠標拒絕點擊某一按鈕的實例

    下面小編就為大家分享一篇JS控制鼠標拒絕點擊某一按鈕的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2017-12-12
  • Javascript 刷新全集常用代碼

    Javascript 刷新全集常用代碼

    Javascript刷新頁面實現代碼,需要的朋友可以參考下。
    2009-11-11
  • 一起來了解一下JavaScript的預編譯(小結)

    一起來了解一下JavaScript的預編譯(小結)

    這篇文章主要介紹了一起來了解一下JavaScript的預編譯(小結),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-03-03
  • BootstrapTable加載按鈕功能實例代碼詳解

    BootstrapTable加載按鈕功能實例代碼詳解

    這篇文章主要介紹了BootstrapTable加載按鈕功能實例代碼詳解,需要的朋友可以參考下
    2017-09-09
  • javascript中對對層的控制

    javascript中對對層的控制

    javascript中對對層的控制...
    2006-12-12

最新評論