Javascript:

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高) alert(document.body.clientWidth); //网页可见区域宽(body) alert(document.body.clientHeight); //网页可见区域高(body) alert(document.body.offsetWidth); //网页可见区域宽(body),包括border、margin等 alert(document.body.offsetHeight); //网页可见区域宽(body),包括border、margin等 alert(document.body.scrollWidth); //网页正文全文宽,包括有滚动条时的未见区域 alert(document.body.scrollHeight); //网页正文全文高,包括有滚动条时的未见区域 alert(document.body.scrollTop); //网页被卷去的Top(滚动条) alert(document.body.scrollLeft); //网页被卷去的Left(滚动条) alert(window.screenTop); //浏览器距离Top alert(window.screenLeft); //浏览器距离Left alert(window.screen.height); //屏幕分辨率的高 alert(window.screen.width); //屏幕分辨率的宽 alert(window.screen.availHeight); //屏幕可用工作区的高 alert(window.screen.availWidth); //屏幕可用工作区的宽

Jquery

alert($(window).height());                           //浏览器当前窗口可视区域高度

alert($(document).height());                        //浏览器当前窗口文档的高度

alert($(document.body).height());                //浏览器当前窗口文档body的高度

alert($(document.body).outerHeight(true));  //浏览器当前窗口文档body的总高度 包括border padding margin

alert($(window).width());                            //浏览器当前窗口可视区域宽度

alert($(document).width());                        //浏览器当前窗口文档对象宽度

alert($(document.body).width());                //浏览器当前窗口文档body的宽度

alert($(document.body).outerWidth(true));  //浏览器当前窗口文档body的总宽度 包括border padding margin

最新文章

  1. asp.net MVC动态路由
  2. JavaWEB监听器
  3. td 自动换行
  4. C语言异常处理和连接数据库
  5. DFT设计绪论
  6. ubuntu下nginx服务器安装配置
  7. USACO Section 2.1: Hamming Codes
  8. 【C#学习笔记】Hello World
  9. 编译安装-Percona 5.6
  10. poj 3621 0/1分数规划求最优比率生成环
  11. Java语言基础(三) Java注释
  12. C++_知识点_namespace
  13. IOS学习之block代码块
  14. 【知识整理】这可能是最好的RxJava 2.x 入门教程(五)
  15. 百度BAE环境搭建
  16. zookeeper启动后的注意事项
  17. Kafka生产者-向Kafka中写入数据
  18. np.array与np.ndarray区别
  19. javascript中常见错误类型
  20. 本版本延续MVC中的统一验证机制~续的这篇文章,本篇主要是对验证基类的扩展和改善(转)

热门文章

  1. https 认证总结
  2. Luogu P1365 WJMZBMR打osu! / Easy
  3. python tips:小整数对象池与字符串intern
  4. 【转载】intellij idea如何将web项目打成war包
  5. null值处理
  6. 分享接口管理平台 eoLinker AMS 线上专业版V3.0,只为更好的体验,了解一下?
  7. Selenium3+python 加载Firefox配置
  8. Golang - 面对"对象"
  9. Unity中使用摇杆控制
  10. Orcale用户管理