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

转载于:https://www.cnblogs.com/zhangsir/archive/2008/01/10/1033984.html

js获取浏览器和屏幕宽高等信息(转)相关推荐

JS获取浏览器可视区域宽高
写在前面浏览器可视区域宽高并不就等于浏览器窗口宽高,而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小因为比较简单所以直接上代码: let w, h; // 对于ie9 ...
js获取浏览器高和宽的基本信息：屏幕信息
网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...
js获取浏览器当前屏幕的宽度和高度
1.获取HTML元素 document.documentElement 2.获取body元素 document.body 3.兼容所有浏览器获取当前屏幕的宽度. var winWidth = docu ...
vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高
开启全屏 export function fullScreen(){var el = document.documentElement,rfs = el.requestFullScreen || el ...
js 获取浏览器版本信息（全）
原文地址 js 获取浏览器版本信息(全) 觉得挺不错的,所以就收藏起来 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...
JS获取浏览器类型和版本信息
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
如何获得当前屏幕顶端距离整个页面最上端的距离(即js获取浏览器滚动条距离顶端的距离)
最近在做项目的时候遇到需要用js获取滚动条距离窗口顶端的距离和js获取浏览器可视化窗口的大小,在这儿做一个整理保存: 一.jQuery获取的相关方法 Js代码 jquery 获取滚动条高度 ...
编辑器js获取浏览器高度和宽度值(转)
js获取浏览器高度和宽度值网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docume ...
JS 获取浏览器、显示器窗体等宽度和高度
转载自 JS 获取浏览器.显示器窗体等宽度和高度网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 ...

js获取浏览器和屏幕宽高等信息(转)

js获取浏览器和屏幕宽高等信息(转)相关推荐

最新文章

热门文章