zoukankan      html  css  js  c++  java
  • 网页宽高

    网页可见区域宽: document.body.clientWidth 
    网页可见区域高: document.body.clientHeight 
    网页可见区域宽: document.body.offsetWidth (包括边线的宽) 
    网页可见区域高: document.body.offsetHeight (包括边线的高) 
    网页正文全文宽: document.body.scrollWidth 
    网页正文全文高: document.body.scrollHeight 
    网页被卷去的高: document.body.scrollTop 
    网页被卷去的左: document.body.scrollLeft 
    网页正文部分上: window.screenTop 
    网页正文部分左: window.screenLeft 
    屏幕分辨率的高: window.screen.height 
    屏幕分辨率的宽: window.screen.width 
    屏幕可用工作区高度: window.screen.availHeight 
    屏幕可用工作区宽度: window.screen.availWidth 
     
    在IE、FireFox、Opera下都可以使用 
    document.body.clientWidth 
    document.body.clientHeight 
    Opera仍然使用 
    document.body.clientWidth 
    document.body.clientHeight 
    可是IE和FireFox则使用 
    document.documentElement.clientWidth 
    document.documentElement.clientHeight 
     
    如果在页面中添加这行标记的话 
    在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高) 
    而如果没有定义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高) 
    在HTML 中, body 是整个DOM 的根, 而在XHTML 中, document 才是根, body 不再是根, 所以取body 的属性时, 不能再取到整个页面的值. 
     


     
  • 相关阅读:
    二十三、java连接oracle数据库操作:jdbc
    四、正则表达式使用
    Linux常用命令大全
    消息队列的常见问题
    JVM:带你查看常见的问题,以及分析处方法
    JVM监控与调优
    缓存总结2
    缓存总结1
    消息队列mq总结
    Java集合Map基本方法
  • 原文地址:https://www.cnblogs.com/wxtlinlin/p/6431795.html
Copyright © 2011-2022 走看看