zoukankan      html  css  js  c++  java
  • 获取当前页面的长宽

    今天遇到一个问题,当我获取页面长宽的时候采用的document.body.clientHeight返回0,很奇怪,就查了一下

    document.body.clientHeight是指body的高度,因为我的body没内容,因此为0,若想获取高度采用document.documentElement.clientHeight 

    然后看了一下的高度问题

    网页可见区域宽: 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;

    其中牵扯到了浏览器兼容的问题,把别人的拿过来了

    http://hi.baidu.com/bluedream_119/item/26db5a73c9774344ee1e532a

  • 相关阅读:
    HTML5学习笔记-2.HTML基础
    HTML5学习笔记-1.网页入门
    Java学习笔记-8.多线程编程
    Java学习笔记-7.Java IO流
    Java学习笔记-6.Java异常处理
    Java学习笔记-5.常用数据结构
    Java学习笔记-4.继承与多态
    Java学习笔记-3.类与对象
    C语言学习笔记-10.文件
    .net core 中threadpool用法
  • 原文地址:https://www.cnblogs.com/hhjiang14/p/4236066.html
Copyright © 2011-2022 走看看