zoukankan      html  css  js  c++  java
  • js获取浏览器和屏幕宽高等信息(转)

    虽然这些东西msdn 中都可以找到,但是为了方便查询,还是把网友的总结放了上来:

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

    你的屏幕设置是  window.screen.colorDepth 位彩色

    你的屏幕设置  window.screen.deviceXDPI (像素/英寸)

    关于document.body.scrollTop一直为0的解决办法~这个是个兼容问题~前面有讲过 这里再重新说一下~~

    解决办法~~~
    =1=
    去掉<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    这样的web标准语句,因为加上后会让document.body.scrollTop一直为0

    =2=
    写成:document.documentElement.scrollTop
  • 相关阅读:
    设计模式之单例模式实践
    有关集合的foreach循环里的add/remove
    项目中常用的MySQL优化方法--壹拾玖条
    Solr
    Lucene补充
    Lucene
    一千行 MySQL 学习笔记
    Servlet
    CSS未知宽高元素水平垂直居中
    深拷贝和浅拷贝
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1033984.html
Copyright © 2011-2022 走看看