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
  • 相关阅读:
    springboot + self4j 学习笔记
    git 创建本地分支,并且推送到远程分支
    windows 下生成 ssh key
    Topshelf
    ADSL拨号连接
    EF中使用Contains方法
    elasticsearch中的概念简述
    CriticalFinalizerObject的作用
    sqlserver中的统计语法
    Windbg简单介绍
  • 原文地址:https://www.cnblogs.com/zhangsir/p/1033984.html
Copyright © 2011-2022 走看看